How to Create a Stunning Splash Screen in Flutter

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

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

  • @judemalan3983
    @judemalan3983 18 วันที่ผ่านมา

    Huge thumbs up for this video👍🏾👍🏾

  • @Masda.X
    @Masda.X ปีที่แล้ว +32

    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.

    • @oussamasethoum1665
      @oussamasethoum1665 9 หลายเดือนก่อน +2

      Good point

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

      Kindly make the real one 🙏🏾🙏🏾

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

  • @talkingcomrade
    @talkingcomrade 19 วันที่ผ่านมา

    Sweet, well explained :)

  • @mr.social.official
    @mr.social.official 11 หลายเดือนก่อน

    well explained, thank you for ur time doing the video

    • @Spellthorn
      @Spellthorn  11 หลายเดือนก่อน +1

      Glad it was helpful!

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

    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

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

    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 ปีที่แล้ว

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

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

      @@Masda.X I`m not sure but I think it`s because of the android 12+. I have the same problem and have no idea how to get rid of it. I code in vs code. any help is appreciated.

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

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

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

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

      Glad it helped 😊

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

    Wow thanks sir....

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

      Welcome! 😊

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

    Really amazing teacher.

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

      Thank you, glad I can help 😊

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

    Liked !

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

      Thanks 😊

  • @AnoopThiruonam
    @AnoopThiruonam 6 หลายเดือนก่อน +6

    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 5 หลายเดือนก่อน

      Thanks I'm going to try this

    •  5 หลายเดือนก่อน +1

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

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

      I try to use rive but it stuck on image.

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

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

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

      I appreciate it thank you

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

    Thanks so much
    🙏🏾

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

      You're welcome 😊

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

    good video, keep it up

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

      Thanks, glad you enjoyed it 😁

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

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

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

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

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

    really helpful, thanks a lot :)

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

      You're welcome! Glad it was helpful

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

    Great guide! Thx

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

      Glad you liked it!

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

    Great Job❤ Thank you so much sir🙂🤟

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

      Thanks. Glad you found it useful

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

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

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

    thanks

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

      You're welcome!

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

  • @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 10 หลายเดือนก่อน

      @@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")

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

    what do you think of `flutter_native_splash`?

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

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

    • @Spellthorn
      @Spellthorn  9 หลายเดือนก่อน +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

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

  • @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());

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

  • @CrèmedelaCrème-f2t
    @CrèmedelaCrème-f2t ปีที่แล้ว

    ありがとう

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

      You're welcome

  • @JalalTech-i2g
    @JalalTech-i2g ปีที่แล้ว

    source code please

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

    LOL this is fake splash screen