How to Create a Splash Screen in Flutter App? | GeeksforGeeks

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ม.ค. 2025

ความคิดเห็น • 78

  • @GeeksforGeeksVideos
    @GeeksforGeeksVideos  3 ปีที่แล้ว

    Apply For Video Internship Program - script.geeksforgeeks.org/on-boarding/youtube

  • @youssifgamal8545
    @youssifgamal8545 3 ปีที่แล้ว +107

    I don't think that this is an efficient way to create a splash screen,
    this is what happens in the app you created :
    1- The app opens with a white screen (default splash) and takes x seconds
    2- the waiting screen you created runs and takes 1.5 seconds
    total time = (x + 1.5 ) seconds
    The splash screen should be displayed while the app opens so that the user won't stare at an empty screen, without increasing the time which the app takes to open, what you have done here is the opposite you increased the opening time by 1.5 seconds

    • @federicosironi135
      @federicosironi135 2 ปีที่แล้ว +1

      thats rigth

    • @nvfpv
      @nvfpv 2 ปีที่แล้ว

      Can you link some code for this splash screen of yours?

    • @highfbi8188
      @highfbi8188 ปีที่แล้ว

      thats right

    • @nelsonazolukwamprojects
      @nelsonazolukwamprojects ปีที่แล้ว

      You are right, this violated the whole point of behind splash screens.

    • @shadowking773
      @shadowking773 ปีที่แล้ว

      can you tell me how to do this please i am in urgent need for project

  • @heisenberg5873
    @heisenberg5873 3 ปีที่แล้ว +38

    This doesnt solve that white screen before the launch of app .For that you need to change the xml file

    • @Apoorvpandey
      @Apoorvpandey 3 ปีที่แล้ว +3

      Yes this is a scam

    • @dramaticsports
      @dramaticsports 2 ปีที่แล้ว +2

      hello bro can you tell me how to remove white screen before the splash screen please help me

    • @NischalPandey
      @NischalPandey 2 ปีที่แล้ว

      That is lunch screen not splash 😁😁

    • @kadidibwa968
      @kadidibwa968 2 ปีที่แล้ว

      Kindly explain further

    • @Alex-bc3tt
      @Alex-bc3tt 9 หลายเดือนก่อน

      Your comment is so descriptive and helpful 🤣🤣🤣🤣 I mean which xml file and what do you change?😳🙄

  • @rotleaf
    @rotleaf 2 ปีที่แล้ว +12

    I bumped into this, but for Android flutter has a predefined startup theme that usually is in the Android folder. Unless you edit it, the app will always start in white, and i think a splash screen should appear immediately after clicking the app lancher icon,

    • @acornerofherheart-jr9pl
      @acornerofherheart-jr9pl 10 หลายเดือนก่อน

      same problem i m facing my app is not overrriding default splash screen ...

  • @GustavoKureckPiccoli
    @GustavoKureckPiccoli 2 ปีที่แล้ว

    Thank you so much, works perfectly here! Greetings from Brazil bro!!!

  • @KishorTiwari
    @KishorTiwari 3 ปีที่แล้ว +7

    I think this is not the right way though. Splash screen is shown to make up the time for app boot up. However, here app already boots up & splash is shown, hence it is just the another normal screen.

  • @swapnilcodes
    @swapnilcodes 2 ปีที่แล้ว

    You saved my today.... Thank you Geeks for Geeks❤️❤️❤️

  • @prasertpromvong3031
    @prasertpromvong3031 ปีที่แล้ว

    Thank you, finally i can do it.

  • @prasertpromvong3031
    @prasertpromvong3031 2 ปีที่แล้ว

    Thank you so much, finally i can do it.

  • @vladarskopin3314
    @vladarskopin3314 2 ปีที่แล้ว

    Thank you so much! Finally I can make a splash screen in my college project

  • @renplatypus6040
    @renplatypus6040 2 ปีที่แล้ว +2

    can you tell me (or anyone else) what extension for showing the error on side code like "Expecting to find ')' on 6:27" please?

  • @oluotanmioluwadamilare5638
    @oluotanmioluwadamilare5638 3 ปีที่แล้ว +1

    What extensions did you use in this tutorial, love em

  • @karolinahagegard
    @karolinahagegard 2 ปีที่แล้ว +2

    This is not a Splash screen!! :( A Splash screen comes up WHILE the app is loading...
    This is simply a screen that comes up first after the app has already loaded. Thus delaying the start of the actual app even further...

  • @Apoorvpandey
    @Apoorvpandey 3 ปีที่แล้ว +3

    C'mon dude I know how to do this!
    I came here to see how to customize the REAL splash screen and not create a new one with 1.5 Seconds delay.

    • @mazharimam9216
      @mazharimam9216 2 ปีที่แล้ว

      could you please suggest me a video where i can learn this with the code plzz plzz

  • @vishnukumark6757
    @vishnukumark6757 3 ปีที่แล้ว +1

    Thank u for the video and tutorial about splash screen.
    Bro, i have ur visual studio code the error ans error msg in side with red markings and flow of brackets and parathesis with yellow colour line.
    How it is coming like that. Expalin how to get that type in my system.
    Thank u in advance.

  • @belloomotolani4242
    @belloomotolani4242 2 ปีที่แล้ว

    Please What theme are you using

  • @anoopmoji8768
    @anoopmoji8768 3 ปีที่แล้ว +2

    How to remove white screen that is loading before splash screen? 🙏🏼🙏🏼🙏🏼

    • @trujillogomezmanuel1882
      @trujillogomezmanuel1882 3 ปีที่แล้ว +1

      This method is good, but in the end a splash package is only calling a Widget; for a "native" splash screen we need to edit de xml files in drawable folder in the android/app proyect folder...

  • @moaath11
    @moaath11 3 ปีที่แล้ว +4

    Anyone else is having a black screen for a few seconds before Splash screen starts?

    • @AshuSingh-mw2wt
      @AshuSingh-mw2wt 3 ปีที่แล้ว

      Flutter already provide inbuilt splash screen. That's black screen you seen. You customize it from android section.

    • @rogithr6045
      @rogithr6045 2 ปีที่แล้ว

      @@AshuSingh-mw2wt Can you mention any video that shows how to do it?

  • @grattindepates315
    @grattindepates315 3 ปีที่แล้ว

    Thanks !

  • @amansatvilkar2093
    @amansatvilkar2093 3 ปีที่แล้ว

    Will you make a Tutorial of an App with Real time DB which captures pic of users who enters wrong pattern or passcode(lock screen) and save it in that App, and also stores location of the device in that App.

  • @ntsakomotsepe2058
    @ntsakomotsepe2058 ปีที่แล้ว

    how do you get your errors to show up as you code?

  • @xavierfrancis4370
    @xavierfrancis4370 2 ปีที่แล้ว

    Bro I'm not getting apps tab under explorer tab which shows lib option please help

  • @Magedzzzz
    @Magedzzzz 2 ปีที่แล้ว

    when i wrap countainer doesn't show coulmn

  • @dwirenandaputra2682
    @dwirenandaputra2682 3 ปีที่แล้ว +1

    how about showing a picture not icon?

  • @sunilkumarnagar8208
    @sunilkumarnagar8208 ปีที่แล้ว

    0:58 1:00 1:00 1:01 1:01

  • @harshdasila6680
    @harshdasila6680 3 ปีที่แล้ว

    This is must needed

  • @danieltp2625
    @danieltp2625 3 ปีที่แล้ว

    How do I add my logo instead of the icon?

  • @tyrion0838
    @tyrion0838 3 ปีที่แล้ว

    how can i get this code?

  • @heavenlife5619
    @heavenlife5619 3 ปีที่แล้ว +1

    *App reopen krne per saare changes hat jaate hai , bikar h flutter*

  • @fahedsayyad6757
    @fahedsayyad6757 2 ปีที่แล้ว

    how to remove white splash screen is my problem help me

    • @kareenasingh3264
      @kareenasingh3264 9 หลายเดือนก่อน

      Did you find a way for it ...if yes then plz share how ?

  • @anupkolhe6564
    @anupkolhe6564 ปีที่แล้ว

    Idit If you want use stateful then use with stateful

  • @skevanislam
    @skevanislam 2 ปีที่แล้ว

    Navigator.pushReplacement(
    context,
    MaterialPageRoute(
    builder: (context) => MyHomePage(title: 'GFG')));
    context shows error

    • @skevanislam
      @skevanislam 2 ปีที่แล้ว

      Navigator function showing error

    • @OOnhar
      @OOnhar 2 ปีที่แล้ว

      having the same issue, do let me know if you found a solution for it

    • @CRUNKxMONSTA
      @CRUNKxMONSTA 2 ปีที่แล้ว

      You need to change the class `Splash` to extend StatefulWidget

  • @aslucky0143
    @aslucky0143 2 ปีที่แล้ว

    how to get gradient in splash screen in flutter

  • @ED-pl6hk
    @ED-pl6hk ปีที่แล้ว

    Wasted my time implementing his method just to find out that it is just adding a normal page after the default splash screen instead of replacing that one. If you can do one where the splash screen pops up right from the start.

  • @codeaamy
    @codeaamy 2 ปีที่แล้ว

    Misguided title. This is not Splash Screen works. IT will still show default splash screen

  • @sarveshyadav6175
    @sarveshyadav6175 หลายเดือนก่อน

    is that akshit madan????

  • @adeelzahid9622
    @adeelzahid9622 2 ปีที่แล้ว

    bad way to initilize splash screen, documentation says something else .

  • @BaDmoshGamerShorts
    @BaDmoshGamerShorts ปีที่แล้ว

    😂😂😂 your solution be like :- How to hack nasa by edit html page😂😂😂

  • @zedeleyici.1337
    @zedeleyici.1337 3 ปีที่แล้ว

    siteden çıkmamama rağmen kanalı yeni keşfediyor olmam....

  • @kamalCode
    @kamalCode 3 ปีที่แล้ว +1

    Flutter provider

  • @edilsonroque6691
    @edilsonroque6691 11 หลายเดือนก่อน

    VALEEEEEUUUUUUUU

  • @BigBrainsz
    @BigBrainsz 5 หลายเดือนก่อน

    Its Not The Right Way To Create The Splash Screen!!

  • @olo6718
    @olo6718 ปีที่แล้ว

    Is this what you call splash screen? Bruh IT’S NOT SPLASH SCREEN

  • @Hardik.Kalasua
    @Hardik.Kalasua ปีที่แล้ว

    Ye kya baat hui

  • @VarunC0dez
    @VarunC0dez ปีที่แล้ว

    please don't do another video, what is this ?.

  • @jahiddev
    @jahiddev 2 ปีที่แล้ว

    Amateur tutorial. 😅

  • @anshumanpanigrahi7817
    @anshumanpanigrahi7817 3 ปีที่แล้ว +2

    Sir, no flutter please, only android.

    • @SkjoyBd
      @SkjoyBd 3 ปีที่แล้ว

      What the Issue with flutter?

  • @fallen1-c7w
    @fallen1-c7w 11 หลายเดือนก่อน

    Very wrong way

  • @vendi313
    @vendi313 ปีที่แล้ว

    scamme