Flutter Elastic Navigation Sidebar | Flutter UI Tutorial

Поделиться
HTML-код
  • Опубликовано: 27 окт 2024

Комментарии • 51

  • @RetroPortalStudio
    @RetroPortalStudio  4 года назад +5

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

    • @yashdubey1505
      @yashdubey1505 4 года назад

      Question Urgent please help what if i want to put a dropdown list in this sidebar please help

  • @llJoDall
    @llJoDall 2 года назад +2

    That elasticOut animation is so beautiful!!

  • @llJoDall
    @llJoDall 2 года назад +1

    Keep up the good work! Your way of speaking is very clear and understandable.

  • @officialismailshah
    @officialismailshah 3 года назад +1

    I have missed a lot of your contents 😂😂😂😂 but from now I will stick to your content.. ❤️❤️❤️❤️
    Big fan....
    Keep posting these type of content...
    Please ❤️❤️❤️

  • @TheJanox11
    @TheJanox11 4 года назад +6

    You've earned a new Patron here, this is a way too underrated channel.. Thanks for all the help and greetings from Germany! :)

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +1

      Thank you so much ✌😁 I will keep up for the viewers no matter the count 🦾

  • @Explore_Montreal
    @Explore_Montreal 4 года назад +6

    What an amazing tutorials , unique even paid coruses at udemy and Lynda not like this level of detailed description and professionalism. Please keep up the great work i am really willing to pay for your courses at anytime. THANKS

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад

      Thanks for this amazing compliment mate! It is my pleasure creating this content for all! Thanks again for all your support ✌😁👨‍🚀👩‍💻💙

  • @GaryLee
    @GaryLee 4 года назад

    The best video for elastic sidebar that I've ever seen.

  • @emiliod90
    @emiliod90 4 года назад +2

    Subscribed and most def a patron when i'm paid end of the month! 😁 Great stuff dude

  • @ashugupta3724
    @ashugupta3724 4 года назад +1

    thank you RetroPortal to make animation in flutter easy

  • @ccmm4094
    @ccmm4094 4 года назад +3

    Awesome, you are a GREAT teacher!

  • @tsioryfitiavanaanhykrishna6992
    @tsioryfitiavanaanhykrishna6992 4 года назад +1

    Very clear course! your are a very very good teacher, continue and happy coding! :)

  • @confitconfit9200
    @confitconfit9200 4 года назад +1

    Wonderful. Very great. Thanks

  • @oobleck147
    @oobleck147 2 года назад

    Quick question. What if I want to open the drawer from the right side of the screen? Changing the alignment of the stack to Alignment.topRight or Alignment.centerRight doesn't seem to work. I'm not able to draw on the stacked canvas if I change the alignment to right. What do I do?

  • @mat.pulpan
    @mat.pulpan Год назад

    Nice tutorial. Is it possible to blur out the background even behind the elastic part of the menu?

  • @PoolInPajamas
    @PoolInPajamas Год назад

    Hey, thanks, it works great but is there a way to make the elastic part of the menu blur out its background glassmorphic style?

  • @codebullsinc.3022
    @codebullsinc.3022 4 года назад +1

    Excellent and nice explanation!

  • @gilmcglory3748
    @gilmcglory3748 4 года назад +1

    Real cool man. Thanks for the tutorial.

  • @hectorprx
    @hectorprx 4 года назад +1

    Very Nice Thank U. Will build this out.

  • @Just_JasonZA
    @Just_JasonZA 3 года назад

    was all working well till i got to the last icon, I put it where you said and now I'm getting an error no material app for the iconButton. I do have a scaffold but it's wrapped in a stack as I have a background image. what do I need to do to get this fixed?

  • @xaxababa6616
    @xaxababa6616 4 года назад +1

    How would you push the page on the right? So instead of the drawer overlapping, the page gets pushed to the right

  • @hasirakoswatta386
    @hasirakoswatta386 2 года назад +1

    Thank you for the information and it was very useful :-)
    Can I know how can I add a background image instead of the gradient :-)

  • @Flutterdev6391
    @Flutterdev6391 4 года назад +1

    Really you are awesome

  • @romulusremus5778
    @romulusremus5778 4 года назад +1

    Thanks for all the videos are really well done
    could you please make more videos for Flutter (WebApp) web.
    I'm very interested in it.
    Started with Flutter would love to do Flutter web app.
    Thx

  • @lalitm7091
    @lalitm7091 4 года назад

    Super helpful one.
    There is a random music around 22:35.

  • @adhdaddventure
    @adhdaddventure 4 года назад

    This is really cool. But how does it work if I want to trigger the menu slide-out via another widget that is in its own file. Let say i have ElasticDrawer.dart and CustomButton.dart.

  • @ankitchawla8487
    @ankitchawla8487 4 года назад +1

    Amazing tutorial thanks a lot

  • @DarkHeros09
    @DarkHeros09 4 года назад +1

    Thank you.

  • @adhupraba
    @adhupraba 4 года назад

    how to close the sidebar if I tap outside it. I can't seem to figure it out. Please help!!!

  • @Maudrandir
    @Maudrandir 4 года назад +2

    Very nice animation and awesome tutorial RetroPortal thank you but it is designed as a HomePage in this video, can i use this as a Drawer like in the drawer property of Scaffold? if so how?

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад

      Can't be used as a drawer 😅 You will have to use it as a positioned element in stack 🧗‍♂️

    • @Gabeyre
      @Gabeyre 4 года назад

      Just figure out how to close on button tap or tapping outside the sidebar box. I suspect, the opposite logic that sets IsSideBarOpen to true can set the same boolean to false and that would animate and close the side bar. - You may not be able to put a Drawer Widget in place of this, you can certainly use this in place of the drawer widget.

  • @Just_JasonZA
    @Just_JasonZA 3 года назад

    using, final size = MediaQuery.of(context).size; worked for me

  • @akhilprazapati6148
    @akhilprazapati6148 3 года назад +1

    Can u please elaborate in upgraded version please 🙏🙏🙏

  • @ilyesmerzouk6682
    @ilyesmerzouk6682 4 года назад +1

    Good one ,Continue Bro :)

  • @rahulagarwal968
    @rahulagarwal968 4 года назад

    Please make a Flutter Tutorial on how to prompt user to update android app and make sure always to check the app is updated using any package.

  • @newdehan3889
    @newdehan3889 4 года назад

    parameter thickness on Divider cant read please help ? cool tutorial btw.. from Indonesia..

  • @soufyaneel4937
    @soufyaneel4937 4 года назад +1

    I respect you (:

  • @sadhlife
    @sadhlife 4 года назад +1

    you're awesome

  • @gokulperiasamy3009
    @gokulperiasamy3009 4 года назад

    This channel deserves more! subs than this.

  • @newmovieentertainment4456
    @newmovieentertainment4456 3 года назад

    bro.. how to set separate on pressed button for each button

    • @prankcial4187
      @prankcial4187 3 года назад +1

      Just add the procedure you want to perform on button pressed.

  • @rakharuan
    @rakharuan 4 года назад +1

    :D

  • @masoudh6856
    @masoudh6856 4 года назад +1

    Awesome, you are a very GREAT teacher!