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

  • @xanapodcasts7171
    @xanapodcasts71714 жыл бұрын

    To be honest I loved the music, lit 🔥

  • @berkaycapar
    @berkaycapar3 жыл бұрын

    this is amazing!

  • @-eden9438
    @-eden94384 жыл бұрын

    thx for ur unconditional sharing and instruction !

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Welcome :)

  • @user-fm3qj6tq4f
    @user-fm3qj6tq4f4 жыл бұрын

    Great design Wish u the best

  • @YasinIlhan61
    @YasinIlhan614 жыл бұрын

    Thank you for using my package page_transition🙏

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Your welcome 🙏

  • @euivanw
    @euivanw4 жыл бұрын

    Thanks for sharing. ❤️

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    welcome 🙏

  • @gnjithesh3858
    @gnjithesh38584 жыл бұрын

    Broo that was soo helpful . Thank you !!

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Welcome 🙏

  • @kamalkishorkumar4278
    @kamalkishorkumar42783 жыл бұрын

    Thanks bro it helped me a lot

  • @eddiecoronel5241
    @eddiecoronel52414 жыл бұрын

    Thanks for teaching bro!

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Thank you :)

  • @mustafashaikh7829
    @mustafashaikh78294 жыл бұрын

    That slide animation with button.....💯best

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Thank you so much 😊

  • @mustafashaikh7829

    @mustafashaikh7829

    4 жыл бұрын

    @@Afgprogrammer thanks bro for teaching us UI with beautiful animation...

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    @@mustafashaikh7829 Your welcome and thank you for watching my videos.

  • @floodyboy5307
    @floodyboy53074 жыл бұрын

    Big WooooooW 🤩

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Thank you 😊

  • @bakayokocheickseko2830
    @bakayokocheickseko28304 жыл бұрын

    Nice

  • @fernandopiolimartinez5115
    @fernandopiolimartinez51154 жыл бұрын

    excelent!

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Thank you :)

  • @pubg_funny4033
    @pubg_funny40334 жыл бұрын

    عالی بود لالا . کارت درسته ادامه بده

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    تشکر بیادر :)

  • @user-oi4yw5rr2b
    @user-oi4yw5rr2b3 жыл бұрын

    12:25 page transition

  • @SuperAnkursaini
    @SuperAnkursaini4 жыл бұрын

    Please update your code with new simple animation package. BTW Loved your work!!!! thanks you so much.

  • @enjellois160
    @enjellois1604 жыл бұрын

    nice

  • @richardgage5122

    @richardgage5122

    4 жыл бұрын

    nice

  • @marcobenny77

    @marcobenny77

    4 жыл бұрын

    i agree

  • @Absurdified
    @Absurdified4 жыл бұрын

    Cool UI.Can you make a video about animations with explanations about different functions

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Yes, soon

  • @Absurdified

    @Absurdified

    4 жыл бұрын

    @@Afgprogrammer thanks in advance 😊

  • @ismailkoyuncu5518
    @ismailkoyuncu55183 жыл бұрын

    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

  • @Elias-fz4bp
    @Elias-fz4bp2 жыл бұрын

    Hey i have some null check error in the FadeAnimation.dart on "animation["opacity"]" (line 25) how can i fix it ?

  • @chowdhuryfaizalahammed6732
    @chowdhuryfaizalahammed67324 жыл бұрын

    How do i Add the Splash Screen to my Existing App ??

  • @ummezaiba8745
    @ummezaiba87459 ай бұрын

    It shows multitween isnt defined .. how to fix this ..also updated simple_animation package but wont work... please please fix this

  • @mydjam1
    @mydjam14 жыл бұрын

    Thanks for sharing... Great tutorial Would you upgrade your source code to the latest simple_animations package?

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Let me check

  • @ankitjain0029
    @ankitjain00294 жыл бұрын

    How your FadeAnimation.dart automatically filled with code on adding just dependency??

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    I use a package for this class. you can find it on .yaml file

  • @playfulcoder
    @playfulcoder4 жыл бұрын

    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

    @Afgprogrammer

    4 жыл бұрын

    What do you want to do? I did not get you, sorry.

  • @4funrc11
    @4funrc114 жыл бұрын

    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

    @Afgprogrammer

    4 жыл бұрын

    Yes it can. you have to build the APK file and share it.

  • @4funrc11

    @4funrc11

    4 жыл бұрын

    @@Afgprogrammer Thank you! :)

  • @frankfromtanzania
    @frankfromtanzania4 жыл бұрын

    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

    @Afgprogrammer

    4 жыл бұрын

    This problem is in this application?

  • @frankfromtanzania

    @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

    @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

    @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

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

  • @pavleu_
    @pavleu_4 жыл бұрын

    Hi at 2:37 it keeps saying Unable to load asset: assets/images/.....png, what did i do wrong?

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    did you restart the app?

  • @pavleu_

    @pavleu_

    4 жыл бұрын

    @@Afgprogrammer didn't work... had to start with a new flutter project

  • @joshua6991
    @joshua69914 жыл бұрын

    Me sumare al reto

  • @tyrion0838
    @tyrion08382 жыл бұрын

    how can i get this code?

  • @Afgprogrammer

    @Afgprogrammer

    2 жыл бұрын

    afgprogrammer.com/flutter

  • @tonysmarks3578
    @tonysmarks35784 жыл бұрын

    too dark to see detail

  • @divinechukwudi6007
    @divinechukwudi60074 жыл бұрын

    Nice one... Plz How do I get those images?

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Check the description

  • @evenkiss100
    @evenkiss1003 жыл бұрын

    NiuBi

  • @ahmadrasuoli8621
    @ahmadrasuoli86214 жыл бұрын

    Nice

  • @Afgprogrammer

    @Afgprogrammer

    4 жыл бұрын

    Thank you 😊

Келесі