Flutter UI Tutorial | Login Page UI Design and Animation - day 14

Поділитися
Вставка
  • Опубліковано 4 лис 2024

КОМЕНТАРІ • 92

  • @Afgprogrammer
    @Afgprogrammer  5 років тому

    My Last Video: Flutter Beautiful Login Page Design and Animation - day 13 #flutter #flutterui
    ua-cam.com/video/FTz6TVcdh7Y/v-deo.html

  • @dennisszymanski4821
    @dennisszymanski4821 4 роки тому +6

    Duuude, your channel is so underrated .. I'm loving the content !

  • @jorgewandersantanaurena422
    @jorgewandersantanaurena422 4 роки тому +4

    I like it!, And I like your way doing #100 flutter challenge days using youtube. Great work.

  • @فشيشكل-ز6ط
    @فشيشكل-ز6ط 4 роки тому +2

    Waaawww thank you very much for this idea of 100 days 😍😍😍😍

  • @shanbond007
    @shanbond007 3 роки тому +1

    I am facing little problem, not regarding this video, this working perfectly with me, and thanks for uploading such a informative video.
    The Problem I ma facing might be easy with you, but it tool my 4 days. I have images for Facebook + twitter + instagram.
    OnTap it should ope Facebook App installed in mobile and get the page link which I coded.... I dont want any FB login screen or web view or open in browser, just open it in App.
    If you or any one can help me, I indeed....Thanks

  • @mohammadalishuvo6329
    @mohammadalishuvo6329 4 роки тому +3

    Wow. Great work, from your video i learn many widget deeply. Thanks brother love u❤

  • @ashutoshmishra9018
    @ashutoshmishra9018 2 роки тому +2

    Brother Fade Animation Code is Not Comming in my Flutter

  • @christiancolewan
    @christiancolewan 4 місяці тому +1

    How did you generate the content of FadeAnimation file? I did flutter pub get but nothing was generated.

  • @ugurturan9416
    @ugurturan9416 3 роки тому +1

    looks good, but it would be great if we could see the end result at the beginning of the video

  • @mohitsaini6642
    @mohitsaini6642 2 роки тому

    I have one doubt : Which extenstion you are using in VS Code it i did * (did not) found that ...because Android Studio is very heavy IDE although i have 12GB RAM will you please tell me what is this extenstion
    formatting your Container widegets color and alignment ?

  • @iamnnayann
    @iamnnayann Рік тому

    Please can you start flutter course from very beginning, I watch your videos but i dont understand many things 😢

  • @thedev2183
    @thedev2183 2 роки тому

    Woaooowww. Great exercies. I need something like this for exercise my knowledge. I'm junior at this flutter and need an excercise like this and bangg right here :D

  • @duraskid123
    @duraskid123 2 роки тому

    Please help me : "The method MultiTrackTween isn't defined for the type FadeAnimation

  • @withkritagya
    @withkritagya 3 роки тому

    The video was awesome short and descriptive bruh but can you please tell me how you created that fade animation file

  • @victoreduardolopezparrales2797
    @victoreduardolopezparrales2797 7 місяців тому

    very complex for any easy

  • @arthasmx
    @arthasmx 4 роки тому +1

    O.M.G.!!
    This is so awesome! thanks a lot!!

  • @mustafashaikh7829
    @mustafashaikh7829 5 років тому +1

    Simple login screen with 💯

  • @DuaAnees-b3b
    @DuaAnees-b3b 2 місяці тому

    hello i face a problem with expended widget can you plz tell me what i do

  • @yomnaahmed4076
    @yomnaahmed4076 2 роки тому

    I love your channel very much ♥️
    Keep going

  • @ahmedezzat5863
    @ahmedezzat5863 2 роки тому

    you r an artist 🙀

  • @hebamostafa3304
    @hebamostafa3304 Рік тому

    انا لو حبي اتعلم من غير ما يطلع معايا الايرور واكتبي اكواد في طريق بتاعت المكان صح

  • @neelraval8814
    @neelraval8814 3 роки тому

    i am facing this error..
    The relevant error-causing widget was column

  • @vikaskumaryadav2555
    @vikaskumaryadav2555 4 роки тому +1

    Awesome 👍

  • @ikiicompany7094
    @ikiicompany7094 4 роки тому +1

    Amazing content!!

  • @muthugokul8744
    @muthugokul8744 4 роки тому +1

    How to navigate to other page onclick on login button..I tried navigation.push..but it doesn't work..

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      The Navigation.push should work. Please search for it or watch my other videos.

  • @ufukerkal7320
    @ufukerkal7320 4 роки тому +1

    How can I do this from the application you make for multiple screen sizes and devices?

  • @antoniocripto8677
    @antoniocripto8677 4 роки тому +2

    ¿Whats is your laptop? hardware requisites please

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому +2

      MacBook 13inch 2018, Cori5, 8GB RAM DDR3.

  • @jroamindia1754
    @jroamindia1754 4 роки тому

    great tutotial :)

  • @jroamindia1754
    @jroamindia1754 4 роки тому +1

    Getting Error Bottom overflowed 345 pix when clicked on input field

    • @henrym1473
      @henrym1473 4 роки тому +1

      Me too. Do you solved it?

    • @jroamindia1754
      @jroamindia1754 4 роки тому +2

      @@henrym1473 yes u can use resizeToAvoidBottomInset: false, under scafold

  • @Heydocode
    @Heydocode 4 роки тому

    Nice tutorial. But UI is not responsive how can we manage this for small devices? It is fine on a large screen but in small screen its not good.

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      Thank you. I think we should use the aspect ratio.

  • @xtremeinnovations8599
    @xtremeinnovations8599 4 роки тому +1

    Hi, I tried this code in dartpad online editor. I'm getting an error. It seems it can't import the fadeanimation library. Can you help me

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      Hi, I did not try to run this code on dartpad so I have no idea.

    • @kamalgupta7467
      @kamalgupta7467 4 роки тому

      Animation file is missing there thats why you got error, if you still want to run on dartpad you can remove animations and its import statement from your code.

  • @syedabid1504
    @syedabid1504 5 років тому +2

    For you it takes may be 15 mins . But for me it takes 1 and half hour because I am beginner.

    • @Afgprogrammer
      @Afgprogrammer  5 років тому +4

      It's OK, It was same for me when I was a beginner.

    • @dipanjan_roy
      @dipanjan_roy 5 років тому +1

      1 and half hour is still pretty good.

  • @theethicalh3707
    @theethicalh3707 4 роки тому +1

    thank you so much it's an amazing one

  • @sanjaysingh-kq8wg
    @sanjaysingh-kq8wg 5 місяців тому

    bro on opening keyboard it is giving render flex error

  • @Alimanam
    @Alimanam 2 роки тому

    thank you bro

  • @Iamshivpandey
    @Iamshivpandey 4 роки тому +2

    There is some issue when keyboard is up its show overflow error

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому +1

      I will fix it.

    • @Iamshivpandey
      @Iamshivpandey 4 роки тому +1

      Thanks 🙂

    • @amartyakhan4700
      @amartyakhan4700 4 роки тому +1

      @@Iamshivpandey ​A simple and quick fix would be to use the ListView widget instead of the first Column widget used.

    • @MohammedAli-uh8eo
      @MohammedAli-uh8eo 4 роки тому

      @@Afgprogrammer how i fixed overflow error?

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      @@MohammedAli-uh8eo I think this is a flutter problem because I search a lot and could not find anything to fix this issue.

  • @usmanAli-hw5xu
    @usmanAli-hw5xu 10 місяців тому

    AMazing

  • @dhruvinprajapati4345
    @dhruvinprajapati4345 4 роки тому +2

    when I open Key board it was Bottom Overflow bye 254 pixels

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      Please make an Issue on Github, we will fix it.

    • @navjotkaur2575
      @navjotkaur2575 4 роки тому +1

      Hey I also get same error how did you solve that problem please tell me

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому +1

      @@navjotkaur2575 It fixed. Just pull the repo.

  • @okanoguztekbas7100
    @okanoguztekbas7100 3 роки тому +1

    song ? :D

  • @f3-faithfitnessfinance
    @f3-faithfitnessfinance 4 роки тому

    Hey will this look for all kind of screens?

  • @bakhtoknowledge839
    @bakhtoknowledge839 4 роки тому

    which fontfamily you used

  • @JoyceOliveira-gd6ep
    @JoyceOliveira-gd6ep 4 роки тому

    I'm using its design, but it gives error when scrolling. Can you tell me where to put the code: "SingleChildScrollView", in this example? can you use this option in gradient?

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      I fix this before. Please check again.

  • @Osmanmotive.
    @Osmanmotive. 2 місяці тому

    Can someone drop code here .

  • @ahmadrasuoli8621
    @ahmadrasuoli8621 5 років тому +1

    👌👌

  • @chengchen4874
    @chengchen4874 4 роки тому +1

    Hi, how to make login button navigate to the next page? thanks

  • @salvadore.avalos1860
    @salvadore.avalos1860 4 роки тому

    Not is a responsive design

  • @polrk
    @polrk 4 роки тому

    So baaaaaad UX(The input fields are not visible). You can throw your beautiful design in the trash if users can't use it.

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      polRk Thay are visible bro, I did test them.

    • @polrk
      @polrk 4 роки тому

      @@Afgprogrammer Where are the margins , where are the labels ?

    • @polrk
      @polrk 4 роки тому

      @@Afgprogrammer You can't use place holder as a label....

    • @Afgprogrammer
      @Afgprogrammer  4 роки тому

      @@polrk I know this, but I am trying to teach something important than labels. I know there is a lot of UX issues but ignore it because I am not trying to teach UX.