Flutter Tutorial - Sliding Up Panel & Draggable Sliding Sheet

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/sliding_up_panel_example Draggable Modal Bottom Sheet Tutorial: kzbin.info/www/bejne/d5ukgpqif7CWmJY Persistent Bottom Sheet Tutorial: kzbin.info/www/bejne/pWGUmXhra7eAqMU Draggable Scrollable Sheet Tutorial: kzbin.info/www/bejne/sKnHc3ytj5mbhJo AppBar & Transparent AppBar Tutorial: kzbin.info/www/bejne/eHLWmXmBf9WnfMk GridView & Staggered GridView Tutorial: kzbin.info/www/bejne/jn_afZJvqtdriJo Checkboxes Tutorial: kzbin.info/www/bejne/bXzEhmeporebpKM Material Ripple Effect Tutorial: kzbin.info/www/bejne/aKWQemOrp953bKc Navigation Drawer Tutorial: kzbin.info/www/bejne/qqScn2VnZtNrkLc SQFlite SQL Database Tutorial: kzbin.info/www/bejne/i6Guo5uQZa2jps0 Hive NoSQL Database Tutorial: kzbin.info/www/bejne/rWnGi36jbthlaJo Flutter Layout Basics Tutorial: kzbin.info/www/bejne/r4rbppiKg653oqM TextField Autofill Services Tutorial: kzbin.info/www/bejne/rGm3ZZmkp7Z2nJI Date Picker Tutorial: kzbin.info/www/bejne/l5DJeKavrN5_b5I Expandable ListView Tutorial: kzbin.info/www/bejne/iJa4kpKNqJ14qbs Drag & Drop Widgets Tutorial: kzbin.info/www/bejne/eJSTonVnn9l7eM0 App Internationalization Tutorial: kzbin.info/www/bejne/kKiXfKKlp7urnck Native Splash Screen Tutorial: kzbin.info/www/bejne/bn6oaXawpshghcU Dark Mode Switch Tutorial: kzbin.info/www/bejne/foSkkmyvnpWCg6M

[@M37Shadow]

I think this guy can read minds he is posting what am looking for. Thanks man 👌❤

[@vannanak6610]

me too

[@husseinnasibu]

You are not alone Johannes your channel is a gold mine I don't search it it suggests me what I need and it's really help me to integrate it in my production app

[@jameswachira5713]

Excellent Tutorials. Well done sir. Keep up

[@HeyFlutter]

Glad to hear that, Thank you @jameswachira5713! 😊

[@vishaldhiman4414]

Amazing brother Love from India

[@sorunkehassan4531]

Great video but my panel controller is not change it's state pls can you help me

[@HeyFlutter]

Thank You SORUNKE HASSAN! Follow this link: stackoverflow.com/questions/71150445/how-to-manipulate-the-scrollcontroller-in-flutters-sliding-up-panel-plugin I hope you will get your answer 🙂

[@najiebDann]

You always make the complex simple. Really great content

[@rahulkumarsingh1716]

Now this is what I was looking for long time. Great 👍👍👍

[@shashanksahu9230]

Thank you a lot !!!

[@HeyFlutter]

You are welcome, @shashanksahu9230!

[@ismailwalid1160]

Awesome and helpful as always, thanks so much for all tutorials you are doing.

[@richard2845]

thanks for sharing

[@HeyFlutter]

You are welcome, @richard2845!

[@dr.hriturajrohariya]

Awesome..as Always..👍

[@bojanlukic2366]

Great video! I do have one question, at some point you had to hard code the initial height of the FAB and you set it to 116. How will that work on different screen sizes?

[@HeyFlutter]

Thank You @bojanlukic2366! Follow this link: stackoverflow.com/questions/49704497/how-to-make-flutter-app-responsive-according-to-different-screen-size I hope you will get your answer 🙂

[@SunGkd123]

Amazing Tutorial thank you 😁

[@thangnguyenxuan2573]

Thank you so much.

[@divinemaredi8298]

I was looking for this!

[@saffrondionysius072]

I was searching a long time for this :) 👍🏼

[@camunga83]

Nice job, thank you so much!

[@ChrisHalden007]

Excellent!

[@mercatellineto]

Always amazing content! Can we make the background go down instead of going up using the parallax effect?

[@fer-ri]

Thanks, very helpful :)

[@psatler]

Great content!

[@danilochantez5654]

amazing videos!!!

[@hashankannangara8723]

Very useful ❤️🤩

[@Jonas-mi9yj]

For some reason I can only open the panel with the togglePanel method and not close it when it's already opened.

[@HeyFlutter]

Thanks, Jonas! 🙂 Please try to follow the tutorial step by step, you'll be able to resolve this issue

[@waminthammanusati4978]

Thank you very much. This is very useful. Some question. How to add animation to the drag handle during sliding?

[@HeyFlutter]

Thank You Wamin Thammanusati! Follow this link: docs.flutter.dev/development/ui/advanced/gestures I hope you will get your answer 🙂

[@mustafashaikh7829]

list view scrolling up before reach to maxHeight of sliding panel after passing controller to list view any fix how to stop scroll of list view before reaching to max height.????

[@HeyFlutter]

Thank You Mustafa Shaikh! Follow this link: stackoverflow.com/questions/43485529/programmatically-scrolling-to-the-end-of-a-listview I hope you will get your answer 🙂

[@Hi-tk4he]

How it is different from draggablescrollablesheet please

[@Mary-xi7yv]

Thank you so much for the video , but how can I show the slide up panel after the user click a button?

[@Mary-xi7yv]

@@HeyFlutter Thank you so much for the help. 😊I watched another video of yours snapping modal sheet ; it was exactly what I wanted .😍 You have no idea how much your videos are helping me

[@HeyFlutter]

Thank You Mary! Follow this link: pub.dev/packages/sliding_up_panel I hope you will get your answer 🙂

[@din5926]

How can you start the sliding panel in the middle of min/max height (halfway open), where it is still able to fully collapse and expand

[@HeyFlutter]

Thank You ØDIN! Follow this link: medium.com/flutterworld/flutter-how-to-set-the-minimum-height-to-widget-36967b310ffe I hope you will get your answer 🙂

[@AjilSathyanLMCEC]

Hey I wish if you could make video series about WhatsApp clone with same features. So we can learn lot of things from that. If you could please do that. That would be nice . ❣️

[@HeyFlutter]

Thanks for the idea, 1 Ajil Sathyan LMC17EC001! 🙂 I have added it to my list of ideas for future videos!

[@helintonmercatellineto1277]

I wish to put a text before the ListView Builder, but I'm having trouble with the Scroll Controller... If I use only the Listview Builder it's OK, but when I put this little text wrapped in a SingleChildScrollView before the Listview Builder I'm having nightmares with two Scroll Controllers. Anyone could help?

[@adeldev3817]

hello please How to mimic Google Maps' bottom-sheet 3 phases behavior with flutter?

[@HeyFlutter]

Thanks, adel dev! 🙂 With this package you could set anchors: pub.dev/packages/bottom_sheet such as anchors: [0, 0.5, 1],

[@iqaiserhussain]

It would be so convenient if your code was accessible... I tried to get access by subscribing to newsletter but...

[@HeyFlutter]

Thank You @iqaiserhussain!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@helintonmercatellineto1277]

Hi! I'm trying to add horizontal padding to the sliding up panel... anybody did this?

[@Jonas-mi9yj]

Is is possible to display two scrollable elements in the panel because it is not possible to fix the ListView issue by providing the same scrollController to two different scroll views.

[@HeyFlutter]

Thank you, Jonas! 🙂 Yes you can use more than one scrollable elements make sure to use shrinkwrap : true, so that those elements get bound to a fixed height

[@mattiagiorla8353]

I have the same problem and I am not able to find the solution. Did you find a way to fix this? Thanks in advance

[@StarBattle08]

Can you sometimes make like a real app tutorial? that would be cool

[@abdullahwaheed8902]

how i can access the source code. when i subscribe the news letter it sends the confirmation mail to my E-mail. where confirmation button not working . when i tab on it nothing happening.. plz tell me how can access

[@HeyFlutter]

Thanks, Abdullah Waheed! 🙂 Learn more about it here: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website

[@triviral]

I have a problem with slide_up_panel, when I test the app on a physical Iphone device through testflight, it doesn't display correctly, it displays as if it had a layer on top with a transparency alpha. Has it ever happened to you?

[@HeyFlutter]

Thank You Jose Antonio Campos! Follow this link: pub.dev/packages/sliding_up_panel I hope you will get your answer 🙂

[@vidhangupta1725]

required and ? is showing error in my android studio flutter sdk for each project you have made with this.

[@HeyFlutter]

Thanks, EC30 Vidhan Gupta! 🙂 Learn more about Flutter 2 Null Safety here: 1) Null Safety In 5 Minutes Tutorial: kzbin.info/www/bejne/h5C6naKDg7CCobc 2) Migrate App To Null Safety Tutorial: kzbin.info/www/bejne/fX3RgqOefc5keLs

[@arupnaskarbkp]

how to ... button click than scroll???

[@HeyFlutter]

Thank you 😊, Arup Naskar! Check out this solution : medium.com/@diegoveloper/flutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac#:~:text=%20Flutter%20%3A%20let%E2%80%99s%20know%20the%20ScrollController%20and,ScrollNotification%20is%20not...%205%20References.%20%20More%20

[@abdelrahmanadel8998]

why did you make source code not for free? it was awesome

[@HeyFlutter]

Thank you, Abdelrahman Adel! 🙂 it's available for free eventually. Check out this to learn more: github.com/JohannesMilke/sponsorware

[@waliddjahra5608]

Hi sir , is there any problem, I can't get the source code even after following the confirmation steps, I did get the acces request confirmation but ther is no code , just Gif :( , can I get your help please.

[@waliddjahra5608]

@@HeyFlutter Got , thanks for your kind reply.

[@HeyFlutter]

Thanks, walid djahra! 🙂 Simply check out this help here. Hope it helps you: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website

[@venomo12]

how to keep my content in sliding panel not rebuilding all the time?

[@HeyFlutter]

Thank You Zean! Follow this link: stackoverflow.com/questions/59344275/flutter-slider-not-rebuilding-inside-of-expansionpanel I hope you will get your answer 🙂

[@sachindeveloperko8424]

Please make tutorial for workmanager package with push notifications with API 😭😭😭😭 I am waiting 🙏

[@freakout6764]

Why you are waiting bro go search and never give up :)

[@gabrielb.9021]

Have you tried also posting lessons on Udemy?

[@HeyFlutter]

Thanks, Gabriel B.! 🙂My course is only on this website here: johannesmilke.teachable.com/p/home

[@bosskevin7717]

Unable to view source code。😕

[@HeyFlutter]

Thank You Boss Kevin!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@technicalsunny8744]

We are unable to access your source code

[@HeyFlutter]

Thanks, Technical Sunny! 🙂 The source code is available, check out this: github.com/JohannesMilke/sponsorware#1-why-is-the-source-code-not-available-on-github

[@AmongUs-fs7np]

To acess the source code is just way too much work. Make the subscription optional

[@HeyFlutter]

Thanks for the suggestion, @AmongUs-fs7np! 🙂

[@infinitecode1864]

Slide up panel java : kzbin.info/www/bejne/d6aXo3-poK1sh5o

[@infinitecode1864]

@@HeyFlutter :) welcome bro

[@Hi-tk4he]

Google mobile ads please

[@abasilis]

Hi Johannes, how are you doing? I am learning, and I've implemented some of your samples without any issue, but starting this one, how do I implement the MapsWidget(), I cannot find this Widget in the flutter documentation, and VsCode gives me an error, it does not recognize this Widget. I searched everywhere and I can only get results with Google Maps, which I tried, but still importing google_maps_flutter.dart the MapsWidget() is not recognized. Thank you for your help, or anyone here reading this.

[@HeyFlutter]

Thank You Arturo Basilis! Follow this link: stackoverflow.com/questions/61312809/flutter-ios-cannot-get-current-location-for-initialcameraposition-before-loadi I hope you will get your answer 🙂

[@abasilis]

@@HeyFlutter Hi Johannes, thanks for your quick repply. I see in the link you provided, they are using the GoogleMap() Widget that comes form the google_maps_flutter.dart package, which I imported but there is no MapsWidget() in the package, do they changed it? GoogleMap() requires properties, the sample you make does not, it shows the map without anything else. It's confusing to me.