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

Поделиться
HTML-код
  • Опубликовано: 6 янв 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

  • @swapnilcodes
    @swapnilcodes 2 года назад

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

  • @GustavoKureckPiccoli
    @GustavoKureckPiccoli 2 года назад

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

  • @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?

  • @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 Год назад

      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 9 месяцев назад

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

  • @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.

  • @vladarskopin3314
    @vladarskopin3314 2 года назад

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

  • @prasertpromvong3031
    @prasertpromvong3031 Год назад

    Thank you, finally i can do it.

  • @prasertpromvong3031
    @prasertpromvong3031 2 года назад

    Thank you so much, finally i can do it.

  • @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.

  • @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...

  • @belloomotolani4242
    @belloomotolani4242 2 года назад

    Please What theme are you using

  • @xavierfrancis4370
    @xavierfrancis4370 2 года назад

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

  • @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?

  • @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

  • @ntsakomotsepe2058
    @ntsakomotsepe2058 Год назад

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

  • @harshdasila6680
    @harshdasila6680 3 года назад

    This is must needed

  • @Magedzzzz
    @Magedzzzz 2 года назад

    when i wrap countainer doesn't show coulmn

  • @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.

  • @danieltp2625
    @danieltp2625 3 года назад

    How do I add my logo instead of the icon?

  • @tyrion0838
    @tyrion0838 3 года назад

    how can i get this code?

  • @dwirenandaputra2682
    @dwirenandaputra2682 3 года назад +1

    how about showing a picture not icon?

  • @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

  • @BaDmoshGamerLive
    @BaDmoshGamerLive Год назад

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

  • @aslucky0143
    @aslucky0143 2 года назад

    how to get gradient in splash screen in flutter

  • @codeaamy
    @codeaamy 2 года назад

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

  • @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

  • @heavenlife5619
    @heavenlife5619 3 года назад +1

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

  • @sarveshyadav6175
    @sarveshyadav6175 Месяц назад

    is that akshit madan????

  • @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.

  • @edilsonroque6691
    @edilsonroque6691 11 месяцев назад

    VALEEEEEUUUUUUUU

  • @adeelzahid9622
    @adeelzahid9622 2 года назад

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

  • @zedeleyici.1337
    @zedeleyici.1337 3 года назад

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

  • @kamalCode
    @kamalCode 3 года назад +1

    Flutter provider

  • @BigBrainsz
    @BigBrainsz 5 месяцев назад

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

  • @Hardik.Kalasua
    @Hardik.Kalasua Год назад

    Ye kya baat hui

  • @olo6718
    @olo6718 Год назад

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

  • @fallen1-c7w
    @fallen1-c7w 11 месяцев назад

    Very wrong way

  • @jahiddev
    @jahiddev 2 года назад

    Amateur tutorial. 😅

  • @VarunC0dez
    @VarunC0dez Год назад

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

  • @vendi313
    @vendi313 Год назад

    scamme

  • @anshumanpanigrahi7817
    @anshumanpanigrahi7817 3 года назад +2

    Sir, no flutter please, only android.

    • @SkjoyBd
      @SkjoyBd 3 года назад

      What the Issue with flutter?