Flutter - Animated Bottom Drawer | Flutter UI Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

ความคิดเห็น • 24

  • @RetroPortalStudio
    @RetroPortalStudio  4 ปีที่แล้ว

    If you find this video useful, consider Following me on:
    Twitter: twitter.com/theretroportal
    Instagram: instagram.com/retroportalstudio
    Happy Coding! ✌️😁

  • @johnbrunskill2612
    @johnbrunskill2612 ปีที่แล้ว +1

    A superb tutorial, thank you!

  • @pradiptaguha1731
    @pradiptaguha1731 4 ปีที่แล้ว +2

    Man, you made my day. It was exactly what I needed desperately to present to my manager tomorrow. I am a native android dev, recently started flutter :)

  • @bouzie8000
    @bouzie8000 ปีที่แล้ว +1

    Good stuff man

  • @supTE
    @supTE 2 ปีที่แล้ว

    Remember to add if statement for AnimatedOpacity Widget! If not you can't touch or scroll the widget below it. BTW, video is great!

  • @RuanVictor
    @RuanVictor 4 ปีที่แล้ว +1

    Amazing... I love you, dude!
    You saved me several hours of stress and a headache.
    Thank you very much!

  • @hoggish
    @hoggish 4 ปีที่แล้ว +1

    Awesome you should be given an opportunity to work in the Flutter team Respect !

  • @johnpaulcarter7
    @johnpaulcarter7 3 ปีที่แล้ว +1

    Wonderful - thanks so much.

  • @elephant_888
    @elephant_888 4 ปีที่แล้ว +1

    Great tutorial man!

  • @Youngermaster
    @Youngermaster 5 ปีที่แล้ว +2

    Amazing all your tuts! Keep it up :)

  • @saeedtakizadeh9148
    @saeedtakizadeh9148 5 ปีที่แล้ว +1

    very clear thanks bro

  • @boysbee2nd
    @boysbee2nd 4 ปีที่แล้ว +1

    thk you master :)

  • @harlanerskine
    @harlanerskine 3 ปีที่แล้ว

    Thanks this was helpful. To add polish to this effect is there a way to link the animation of the bottom screen to the swipe? So as the swipe is in progress the drawer is revealed? Thanks

  • @gauravsingh-wd5yr
    @gauravsingh-wd5yr 5 ปีที่แล้ว +1

    Big fan of coding style 😊😊😊

  • @acrossexpress2889
    @acrossexpress2889 4 ปีที่แล้ว

    Thank you sir
    Can we Add oppressed capability?

  • @srk96
    @srk96 5 ปีที่แล้ว +1

    i am second huhu. I got helped with a tutorial of integrating native android foreground noti. that was executed quite irregularly. but the longest term was done within 10 minutes even the jobtask was coded to run every 5 second. sometimes the task was done in 30 seconds.. i guess the reason is that the phone was not being charged and turned off. so the app's threads priority was quite behind... anyway could do it faster than other background flutter noti packages that guarantee only 15 minutes. so thank you for your simple and exact tutorials.. BTW.. now I am wondering.. to make small loading spinner on the current activity (context), do we have to use route navigation creating new scaffold? is it not that simple just like simple css z index?? couldn't find simple solution googling..

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว

      Thank you so much for your support! ✌😁 Bdw what exactly is your query that you mentioned? I would like to help!

    • @srk96
      @srk96 5 ปีที่แล้ว

      @@RetroPortalStudio ah in the end it's been solved... bot toast provides global static cancel function.. when the http is done i can call closeAllLoading !

  • @信者の男
    @信者の男 4 ปีที่แล้ว

    There is a bug in the code, the program does not differentiate if the user slides up or down

    • @信者の男
      @信者の男 4 ปีที่แล้ว

      I'm testing on Android emulator, velocity.pixelsPerSecond.dy shows positive and negative values for the same slide (up or down)

    • @信者の男
      @信者の男 4 ปีที่แล้ว +2

      even textfields doesnt work too

    • @信者の男
      @信者の男 4 ปีที่แล้ว

      ide issues maybe

    • @rod5751
      @rod5751 4 ปีที่แล้ว +2

      @@信者の男 The text fields don't work because the BackdropFilter is always covering them, no matter what the opacity. Easiest fix is to conditionally show the BackDropFilter only when showBottomMenu is true.

  • @shayanmomeni5491
    @shayanmomeni5491 5 ปีที่แล้ว

    I would want to have a Carousel/Swiper/Row that elements( images / icons ) follow path of curve ( Arc ), I want to scroll the elements in curve path not in straight path , Please share if u have any idea . you can check the example in link below ( flutter) :
    github.com/walmartlabs/curved-carousel