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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 77

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

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

  • @youssifgamal8545
    @youssifgamal8545 3 года назад +106

    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

  • @mbithi_ke
    @mbithi_ke 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 8 месяцев назад

      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.

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

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

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

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

  • @heisenberg5873
    @heisenberg5873 3 года назад +37

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

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

      Yes this is a scam

    • @dramaticsports
      @dramaticsports 2 года назад +1

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

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

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

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

  • @oluotanmioluwadamilare5638
    @oluotanmioluwadamilare5638 2 года назад +1

    What extensions did you use in this tutorial, love em

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

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

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

  • @moaath11
    @moaath11 3 года назад +3

    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?

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

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

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

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

    Please What theme are you using

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

    Thanks !

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

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

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

    This is must needed

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

    Idit If you want use stateful then use with stateful

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

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

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

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

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

    How do I add my logo instead of the icon?

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

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

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

    when i wrap countainer doesn't show coulmn

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

    how can i get this code?

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

    how about showing a picture not icon?

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

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

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

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

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

    how to get gradient in splash screen in flutter

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

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

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

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

    VALEEEEEUUUUUUUU

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

    how to remove white splash screen is my problem help me

    • @kareenasingh3264
      @kareenasingh3264 8 месяцев назад

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

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

    Flutter provider

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

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

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

    Ye kya baat hui

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

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

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

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

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

    Very wrong way

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

    Amateur tutorial. 😅

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

    Sir, no flutter please, only android.

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

      What the Issue with flutter?

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

    scamme