Flutter Animated Native Splash - No NEED any package

Поделиться
HTML-код
  • Опубликовано: 18 мар 2023
  • 📄Adding an animated splash screen directly in Flutter using dart code is possible, however, the way Flutter application starts as a FlutterActivity or a FlutterViewController in Android and iOS adds a few seconds before Flutter actually draws its first frame. Therefore, having a splash screen natively will start the animation the moment the app launches, resulting in a better user experience.
    📁 Source Code
    🔗github.com/mahdinazmi/Flutter...
    ⚡ SUBSCRIBE HERE⚡
    🔗 cutt.ly/2XkZz0X
    🌐 Social Media
    🔗 Linkedin: / mahdinazmi
    / taimoorghafar
    🔗 GitHub: github.com/mahdinazmi
    github.com/taimoor522
    🔗 Twitter: / mahdinazmi
    #flutter #fluttertutorial #flutterwidgets #fluttercourse #flutterinhindi #flutteranimation #splashscreen #splashflutter
  • НаукаНаука

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

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

    this was so helpful, thank you so much

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

    works for me, but underneath I have a blank space, how to fix this?

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

    how to add intro logo after that animation?

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

    do u have a just like picture only splash screen? thank you

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

    Can we do it with java instead of kt?

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

    how to change background color??

  • @mrfounderr
    @mrfounderr 6 месяцев назад +2

    Hi there, I implemented this logic long ago and it worked, but rebuilding my app after some time it no longer works and also avoids my app from building, how can I resolve?
    here is the error:
    * What went wrong:
    Execution failed for task ':app:compileDebugKotlin'.
    > A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction
    > Compilation error. See log for more details

  • @usamasarfraz2082
    @usamasarfraz2082 7 месяцев назад +1

    not working on android 12 and later

  • @jean-baptistenzudie2770
    @jean-baptistenzudie2770 2 месяца назад +2

    what about ios too?

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

    this has been deprecated, any updates ?

  • @tenaity
    @tenaity 7 месяцев назад +1

    how about for iOS? we add animation file load in the LaunchScreen.storyboard?

  • @Andrey-xv9fl
    @Andrey-xv9fl Год назад +3

    But the function provideSplashScreen has been deprecated for a long time. You should read the documentation, there is a better way to do it now

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

      What is the better way? 🙏

    • @SuperOverbook
      @SuperOverbook 7 месяцев назад +2

      Do you have any example of the best way to do so? PLEASE!

    • @stars-and-clouds
      @stars-and-clouds 5 месяцев назад

      hey! which documentation are you referring to?

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

    Hello, nice video but getting import error with import io.flutter.embedding.android.SplashScreen
    SplashScreen not refering

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

    how to make it for IOS ?

  • @user-gs1jx2uz1j
    @user-gs1jx2uz1j 8 месяцев назад

    I get do all the steps in the video and does not work for me I get an error in the gradle, so the project does not work anymore

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

      What the animated_native_splash: ^1.3.0 does automatically, this guy simply did the same thing manually. But problem is they both are not working. shame that one can not make own animated splash on flutter. I can not get why it is so complicated compared other frameworks and engines

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

    not working

  • @anatoolychannel
    @anatoolychannel 7 месяцев назад +1

    Where iOS example?

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

    Would this work if I have a custom JSON file and not a Lottie JSON?

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

    android\app\src\main
    es
    ow\splash_screen.json: Error: The file name must end with .xml

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

      raw instead of row

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

      MainActivity.kt: (4, 37): Unresolved reference: SplashScreen
      SplashView.kt: (10, 5): 'createSplashView' overrides nothing
      SplashView.kt: (11, 50): Unresolved reference: R
      SplashView.kt: (13, 5): 'transitionToFlutter' overrides nothing
      @@pablomolina9452

  • @codybaster2059
    @codybaster2059 6 месяцев назад +3

    Don't do this. It doesn't work.

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

    what if i want to add rive animations

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

      It should be in josn format

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

      @@flutterguys but didn't find any solution to get rive files in json ,dou you have any idea,then plz share with me

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

    how to change the white background

    • @flutterguys
      @flutterguys  11 месяцев назад +1

      I think you need to change style file

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

    Is this a short

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

    error

  • @samwise2529
    @samwise2529 Год назад +4

    What about animated native splash for iOS?

    • @flutterguys
      @flutterguys  Год назад +7

      Unfortunately, I don't have a Mac.
      You can read this article:
      medium.com/swlh/native-splash-screen-in-flutter-using-lottie-121ce2b9b0a4

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

      @@flutterguys Thank you!❤

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

    i need help doing this

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

      Hi, how can I help?

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

      @@flutterguys I want to add some logic while splash screen appear (like which screen to show after splash ) how to do that.

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

    ❤❤❤

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

    Ios too❤

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

    How to add timer in this?

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

      You can't do it , You can increase your animation time

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

    👍

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

    not working

  • @medimaghdali2723
    @medimaghdali2723 8 месяцев назад +2

    not working