How to Create a Stunning Splash Screen in Flutter

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

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

  • @Masda.X
    @Masda.X 11 месяцев назад +30

    But it is general decorative splash screen, not real one. For real splash screen, one should determine what platform he/she wants to arrange it since it is so different for every platform on flutter.

  • @dslkgjsdlkfjd
    @dslkgjsdlkfjd Год назад +2

    I don’t know how these don’t have hella views, very good content

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

      Appreciate it 😁 glad you liked it

  • @CaspianStudio
    @CaspianStudio 2 месяца назад

    I prefer to use this kinda splash screen compared to the Real Splash screen for iOS and Android. More control and can add animations. Good Tutorial

  • @mr.social.official
    @mr.social.official 9 месяцев назад

    well explained, thank you for ur time doing the video

    • @Spellthorn
      @Spellthorn  9 месяцев назад +1

      Glad it was helpful!

  • @mohammedridazilat4114
    @mohammedridazilat4114 Год назад +2

    thanks a lot for the video, but the default flutter splash screen still appear at first and after the custom one ,there is a way to fix this plz?

    • @Masda.X
      @Masda.X 11 месяцев назад

      Every platform has its own splash screen settings. On Which platform did you encounter this issue ?

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

    Took a minute but finally got it, thank you so much!

    • @Spellthorn
      @Spellthorn  9 месяцев назад

      Glad it helped 😊

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

    Wow man! You explained very well!!! You gained another subscriber !!!

    • @Spellthorn
      @Spellthorn  9 месяцев назад

      I appreciate it thank you

  • @dearalex2056
    @dearalex2056 4 месяца назад

    Thx bro, its a simple and best solution. I prefered you solution, rather than using package. Regards from Nicaragua!

  • @zaknamony8815
    @zaknamony8815 6 месяцев назад

    Thanks so much
    🙏🏾

    • @Spellthorn
      @Spellthorn  6 месяцев назад

      You're welcome 😊

  • @derlisruizdiaz
    @derlisruizdiaz 6 месяцев назад

    Liked !

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

    good video, keep it up

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

      Thanks, glad you enjoyed it 😁

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

    Really amazing teacher.

    • @Spellthorn
      @Spellthorn  Год назад +1

      Thank you, glad I can help 😊

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

    Thank you so much bro, I waste a lot of time doing this. Your video was on point. Thank you 😄🙏

    • @Spellthorn
      @Spellthorn  Год назад +1

      Glad it helped 😁

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

      @@Spellthorn Bro you didn't believe I spent about 2 hour's just for doing this, didn't found correct methods to do it, glad I found your video

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

      Yea there are other ways to do it too like packages etc but this seemed like an easier approach 😁 glad I could end your struggle 🤣

  • @AnoopThiruonam
    @AnoopThiruonam 4 месяца назад +5

    I’m sorry but this is a wrong way to do this splash screen. Both iOS and android creates a default flash screen to which you only have to change the image. Currently there is a flatter logo in the image part. Change the image to what you want. A Splash screen would be shown when there is a delay before loading flutter screens. Since this screen is a flutter page the default splash image would be loaded.

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

      Thanks I'm going to try this

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

      I agree. This isn't create "splash screen", it just create a widget name splash screen.

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

      I try to use rive but it stuck on image.

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

    Wow thanks sir....

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

    really helpful, thanks a lot :)

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

      You're welcome! Glad it was helpful

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

    Great guide! Thx

    • @Spellthorn
      @Spellthorn  9 месяцев назад

      Glad you liked it!

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

    Great Job❤ Thank you so much sir🙂🤟

    • @Spellthorn
      @Spellthorn  6 месяцев назад

      Thanks. Glad you found it useful

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

    Hi, is there a reason to use stateful widget rather than stateless?

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

      Umm. Stateful may not be needed unless your change state on the splashscreen

  • @wekesabuyahi5854
    @wekesabuyahi5854 7 месяцев назад

    thanks

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

    i did this with lottie animations, and it brings up bunch of errors like "setstate() called after dispose(). any ideas for a fix? overall a great video!

    • @Spellthorn
      @Spellthorn  Год назад +1

      Thanks. I haven't used lottie animations, so not sure would be causing it, sorry.

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

    There is an issue with android 12 it leaves a black or white area on the status bar. How can this be solved?

    • @Spellthorn
      @Spellthorn  Год назад +1

      Hmm, it should be hiding the status bars, I don't know of that code being specific to any version.

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

      @@Spellthorn i found out you need to add shortEdges to both styles.xml

  • @CrèmedelaCrème-f2t
    @CrèmedelaCrème-f2t 10 месяцев назад

    ありがとう

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

    what do you think of `flutter_native_splash`?

    • @JohnnyFantaOrange
      @JohnnyFantaOrange 7 месяцев назад

      It's not great a lot of issues with it.

    • @Spellthorn
      @Spellthorn  6 месяцев назад +1

      Never used it so not sure. I feel it's better to do stuff yourself if you can rather than installing a lot of packages

  • @MarkeTrade-MarketPlace
    @MarkeTrade-MarketPlace Год назад

    I have a question please
    This splash is open when i click back in app
    I want to fix that

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

      Hmm, so when you minimize app but then come back to it it shows the splashscreen?

    • @MarkeTrade-MarketPlace
      @MarkeTrade-MarketPlace Год назад

      @@Spellthorn yes , I want to see him just when I open the app not when I click the button back for closing the app

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

      Hmm ill have to look into this for you as I'm not sure what would be causing that

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

      @@MarkeTrade-MarketPlace This is because when you open the app everytime, it will rebuild again, in this video, he just do inside the flutter, so it will load the flutter (include this "Splash Screen")

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

    great video!, can you make a video teaching it in a simple and practical way, provider? saludos amigo!

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

      This way is pretty simple already. What did you have in mind?

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

    How to remove flutter default splash screen with flutter icon and white background

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

      Someone else has mentioned this but I'm not sure whats causing that to display as there is no default splash screen, have you added anything to make a splash screen before that could be causing that

  • @jasmeetsingh-o8r
    @jasmeetsingh-o8r Год назад

    Buddy i am getting a default splash screen on testing my app

    • @Spellthorn
      @Spellthorn  Год назад +1

      When you say default splash screen what do you mean? Are you calling the splash screen first then showing your main app screen after

    • @jasmeetsingh-o8r
      @jasmeetsingh-o8r Год назад

      Bro I mean at first I am getting a white screen with flutter logo then my splash screen and then home page i tried every thing but unable to remove the default splash screen 😐

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

      There shouldn't be a default splashscreen. Have you added a splash screen another way?

    • @jasmeetsingh-o8r
      @jasmeetsingh-o8r Год назад

      Nope i just followed this

    • @Spellthorn
      @Spellthorn  Год назад +2

      I understand what you mean. In your main.dart file add this before run-up
      WidgetsFlutterBinding.ensureInitialized();
      runApp(MyApp());

  • @JalalTech-i2g
    @JalalTech-i2g Год назад

    source code please