Flutter Tutorial - Draggable Modal Bottom Sheet: Scrollable, Height, Full Screen, Rounded Corners

Описание к видео Flutter Tutorial - Draggable Modal Bottom Sheet: Scrollable, Height, Full Screen, Rounded Corners

Use the Flutter Draggable Modal Bottom Sheet to display extra information within a custom height sheet in Flutter. Adjust the height of the bottom sheet, make the bottom sheet scrollable, make the bottom sheet full screen, and include rounded corners & circular corners to the bottom sheet.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke...

👉 12 Week Flutter Training | https://heyflutter.com
👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass

Source Code | https://github.com/JohannesMilke/moda...
My Courses | https://heyflutter.com
Follow Newsletter | https://johannesmilke.com/#/newsletter

SUBSCRIBE HERE
http://bit.ly/JohannesMilke

SUPPORT & SPONSOR ME
https://github.com/sponsors/JohannesM...

RESOURCES
Persistent Bottom Sheet Tutorial:    • Flutter Tutorial - Persistent Bottom ...  
Draggable Scrollable Sheet Tutorial:    • Flutter Tutorial - Draggable Scrollab...  
Sliding Up Panel Tutorial:    • Flutter Tutorial - Sliding Up Panel &...  
Fix Bottom Overflowed By Pixels Tutorial:    • Flutter Tutorial - Fix Bottom Overflo...  
Shimmer Loading Animation Tutorial:    • Flutter Tutorial - Shimmer Loading An...  
Animated List Tutorial:    • Видео  
Navigation Drawer Tutorial:    • Flutter Tutorial - Sidebar Menu & Nav...  
Collapsible Sidebar Menu Tutorial:    • Flutter Tutorial - Collapsible Sideba...  
Selectable Sidebar Menu Tutorial:    • Flutter Tutorial - Selectable Sidebar...  
Sortable DataTable Tutorial:    • Flutter Tutorial - Sortable DataTable...  
Selectable DataTable Tutorial:    • Flutter Tutorial - Selectable DataTab...  
Editable DataTable Tutorial:    • Flutter Tutorial - Editable DataTable...  
Expandable ListView Tutorial:    • Flutter Tutorial - Expandable List - ...  
Drag & Drop In ListView Tutorial:    • Flutter Tutorial - Drag & Drop In Lis...  
Drag & Drop Widgets Tutorial:    • Flutter Tutorial - Drag & Drop Widget...  
Flutter Layout Basics Tutorial:    • Flutter Layout Basics: Row, Column, S...  

TIMELINE
0:00 Introduction Draggable Modal Bottom Sheet
0:20 Create Modal Bottom Sheet / showModalBottomSheet
1:06 Expanded Column In Modal Bottom Sheet
1:28 Shrinked Column To Widget Height In Modal Bottom Sheet
1:40 Overflowed By Pixels In Modal Bottom Sheet
2:17 Dismiss Bottom Sheet By Scrolling Down
2:23 Dismiss Bottom Sheet Programmatically
2:45 Disable Hide Bottom Sheet By Dragging / enableDrag
3:09 Disable Dismissable Bottom Sheet / isDismissable
3:31 Set Widget Content Height For Modal Bottom Sheet
4:13 Rounded Corners Bottom Sheet / Circular Corners Bottom Sheet
4:59 Set Height For Modal Bottom Sheet / Set Height For Draggable Scrollable Sheet
6:14 Scrollable Modal Bottom Sheet / Scrollable Draggable Scrollable Sheet
6:45 Scroll To Maximum Height In Bottom Sheet / maxChildSize
7:15 Hide Bottom Sheet By Scrolling
7:26 Full Screen Modal Bottom Sheet
7:53 Fix Dismissable In Draggable Scrollable Sheet
8:23 Fix Rounded Corners For Draggable Scrollable Sheet

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)
Twitter |   / heyflutter_  
Linkedin |   / heyflutter  

LEARN MORE
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES |   / johannesmilke  

PLAYLISTS
All Flutter Videos |    • Flutter Tutorial - Flutter Story App ...  
Widgets - Flutter |    • Flutter Tutorial - Flutter Wrap  
Plugins - Flutter |    • Flutter Tutorial - Flutter Story App ...  
Animations - Flutter |    • Flutter Tutorial - Transition Animati...  
Designs - Flutter |    • Flutter Tutorial - FlutterUI - Minima...  
Firebase - Flutter |    • Flutter Tutorial - Pagination & Infin...  
State Management - Flutter |    • Flutter Tutorial - Riverpod - 1/3 The...  

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

Create Flutter Modal Bottom Sheet Tutorial, Create Flutter Modal Bottom Sheet with Rounded Corner & Transparent Background, Use A Beginners Guide to the Flutter Bottom Sheet, Modal Bottom Sheet - Android Studio Tutorial, Flutter: BottomSheet Tutorial | Persistent & Modal Sheets

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke

Комментарии

Информация по комментариям в разработке