Animated Splash Screen in Flutter

[Music] hello again today I will be creating animated splash screen in flutter say goodbye to White screens step one go to the description and you will find links to the websites on the Lotty file website you can download or create animations choose or create your own animation [Music] I would choose this one make sure it is downloaded in Json [Music] format you must download two packages the first is animated splash screen lot is the second [Music] package after downloading go to pubspy yaml to make sure you download [Music] it I previously published a video explaining ways to add packages to your project second step go to VSS code and create Splash screen. Dart then stateless [Music] widget import material dot [Music] dot call the amimated splash screen and you will see two requirements in Splash we call Lotty widget to display an animation on the next screen we call homepage for example I have named the homepage AK test const must be written to all constants in order to increase application performance here I will create a column and a center widget and inside the center widget I will call Lotty do [Music] asset to learn more about the Lotty package watch the previous [Music] video here I will change the background color I will set flatter [Music] color I will put the animation path that I have previously downloaded and placed in the Lotty file confirm that you must Define a path in pubp do yaml as I did in a previous video here I have to control the size of the icon in order to avoid problems for example I will put it as [Music] 400 let's return the main do Dart and start the program from splash [Music] screen this final result has more options for modification on splash screen [Music] thanks for watching the video don't forget to subscribe see you next week

Channel: AK Flutter

Views: 5,713

Keywords:

Id: jupI2kYk-Rw

Length: 3min 43sec (223 seconds)

Published: Tue Jan 30 2024