Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8
Тәжірибелік нұсқаулар және стиль
Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8 #flutter #splash #login
Thanks for watching!
Make sure to like + Subscribe For More!
source code: github.com/afgprogrammer/Flut...
In this video we use, Flutter Animation, AnimationController,, TextField, BoxDecoration, BorderRadius, Fade, Opacity, Scale, Transition, and so on in the one-speed video.
This video is a part of my 100-day Flutter UI Design Tutorial.
My other flutter tutorial videos related to this video:
Flutter Tutorial UI Playlist: bit.ly/2ponGUY
Flutter Inspiration UI Design and Animation | day 1
• Flutter UI Tutorial | ...
-----------------------------------------------------------------------------------------------
Flutter Trip Application UI Design and Animation | day 2
• Flutter UI Tutorial | ...
-----------------------------------------------------------------------------------------------
Flutter Food Application UI Design and Animation | day 3
• Flutter UI Tutorial | ...
-----------------------------------------------------------------------------------------------
Flutter Actors Profile Application UI Design and Animation | day 4
• Flutter UI Tutorial | ...
-----------------------------------------------------------------------------------------------
Flutter Ripple Animation and UI Design in Map | day 5
• Flutter UI Tutorial | ...
-----------------------------------------------------------------------------------------------
Flutter Page-Transition Animation and UI Design - day 6
• Flutter Animation Tuto...
-----------------------------------------------------------------------------------------------
Flutter Download Bar Animation and UI Design - day 7
• Flutter UI Tutorial | ...
------------------------------
Track: Blue - Declan DP [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Blue - Declan DP | Fre...
Free Download / Stream: alplus.io/Blue
------------------------------
🎵 Track Info:
Title: Blue by Declan DP
Genre and Mood: Dance & Electronic + Happy
License: Royalty free music for KZread, Facebook and Instagram videos giving the appropriate credit.
---
The skills necessary to follow this course:
Flutter
Dart
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for New Videos:
Personal site: afgprogrammer.com
Facebook: afgprogrammer
Twitter: / afgprogrammer
Codepen: codepen.io/afgprogrammer
This is Mohammad Rahmani. Full-stack freelance developer, Enthusiast, Web design professional, Creative professional with a development background.
Пікірлер: 68
To be honest I loved the music, lit 🔥
this is amazing!
thx for ur unconditional sharing and instruction !
@Afgprogrammer
4 жыл бұрын
Welcome :)
Great design Wish u the best
Thank you for using my package page_transition🙏
@Afgprogrammer
4 жыл бұрын
Your welcome 🙏
Thanks for sharing. ❤️
@Afgprogrammer
4 жыл бұрын
welcome 🙏
Broo that was soo helpful . Thank you !!
@Afgprogrammer
4 жыл бұрын
Welcome 🙏
Thanks bro it helped me a lot
Thanks for teaching bro!
@Afgprogrammer
4 жыл бұрын
Thank you :)
That slide animation with button.....💯best
@Afgprogrammer
4 жыл бұрын
Thank you so much 😊
@mustafashaikh7829
4 жыл бұрын
@@Afgprogrammer thanks bro for teaching us UI with beautiful animation...
@Afgprogrammer
4 жыл бұрын
@@mustafashaikh7829 Your welcome and thank you for watching my videos.
Big WooooooW 🤩
@Afgprogrammer
4 жыл бұрын
Thank you 😊
Nice
excelent!
@Afgprogrammer
4 жыл бұрын
Thank you :)
عالی بود لالا . کارت درسته ادامه بده
@Afgprogrammer
4 жыл бұрын
تشکر بیادر :)
12:25 page transition
Please update your code with new simple animation package. BTW Loved your work!!!! thanks you so much.
nice
@richardgage5122
4 жыл бұрын
nice
@marcobenny77
4 жыл бұрын
i agree
Cool UI.Can you make a video about animations with explanations about different functions
@Afgprogrammer
4 жыл бұрын
Yes, soon
@Absurdified
4 жыл бұрын
@@Afgprogrammer thanks in advance 😊
Great work. I want tell you something.. How i can creat the mobile background image ? For example you was uses the png image... How many pixels should be ? I want to learn so wich one the resources are you prefer me ? Thanks
Hey i have some null check error in the FadeAnimation.dart on "animation["opacity"]" (line 25) how can i fix it ?
How do i Add the Splash Screen to my Existing App ??
It shows multitween isnt defined .. how to fix this ..also updated simple_animation package but wont work... please please fix this
Thanks for sharing... Great tutorial Would you upgrade your source code to the latest simple_animations package?
@Afgprogrammer
4 жыл бұрын
Let me check
How your FadeAnimation.dart automatically filled with code on adding just dependency??
@Afgprogrammer
4 жыл бұрын
I use a package for this class. you can find it on .yaml file
When I press the back button after transition, it shows a blank blue scree . I want to go back to the home page , please help . Please help it's urgent 🙏
@Afgprogrammer
4 жыл бұрын
What do you want to do? I did not get you, sorry.
Question - Can a flutter app be run, and used, shared between people without having to publish the app via Google Play? If so, how is it done? Because I haven't found anything on how to do this. TiA!
@Afgprogrammer
4 жыл бұрын
Yes it can. you have to build the APK file and share it.
@4funrc11
4 жыл бұрын
@@Afgprogrammer Thank you! :)
Thanks for a nice tutorial bro. One question, when I press the back button on android after transition, it shows a blank blue screen. I want to go back to the main page, please help. 🙏
@Afgprogrammer
4 жыл бұрын
This problem is in this application?
@frankfromtanzania
4 жыл бұрын
@@Afgprogrammer Yes, it's this application. The animation works fine when I move to the login page, but when I press back button to come back to the Welcome screen, the screen turns blue. Kind like the circular reveal before the starting login screen.
@Afgprogrammer
4 жыл бұрын
@@frankfromtanzania Ok I got it. It's happening because the start page is the splash screen and you should not be able to turn back but I didn't implement it.
@frankfromtanzania
4 жыл бұрын
@@Afgprogrammer I will be so happy if you can help me with a hint on how to implement that, or if you don't have time or if it's complicated you can show it on your next video, I'll wait I have notifications on.
@Afgprogrammer
4 жыл бұрын
@@frankfromtanzania It's easy to implement, I think I have already implemented in my videos, just search this "How to disabled back button in flutter" on google.
Hi at 2:37 it keeps saying Unable to load asset: assets/images/.....png, what did i do wrong?
@Afgprogrammer
4 жыл бұрын
did you restart the app?
@pavleu_
4 жыл бұрын
@@Afgprogrammer didn't work... had to start with a new flutter project
Me sumare al reto
how can i get this code?
@Afgprogrammer
2 жыл бұрын
afgprogrammer.com/flutter
too dark to see detail
Nice one... Plz How do I get those images?
@Afgprogrammer
4 жыл бұрын
Check the description
NiuBi
Nice
@Afgprogrammer
4 жыл бұрын
Thank you 😊