Flutter Tutorial - Sliding Up Panel & Draggable Sliding Sheet

Published: 16 May 2021
on channel: HeyFlutter․com
37,758
974

Create a Flutter Sliding Up Panel and a Flutter Draggable Sliding Sheet that is sliding up and down from the bottom of the screen.
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/slid...
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
Draggable Modal Bottom Sheet Tutorial:    • Flutter Tutorial - Draggable Modal Bo...  
Persistent Bottom Sheet Tutorial:    • Flutter Tutorial - Persistent Bottom ...  
Draggable Scrollable Sheet Tutorial:    • Flutter Tutorial - Draggable Scrollab...  
AppBar & Transparent AppBar Tutorial:    • Flutter Tutorial - App Bar Design UI ...  
GridView & Staggered GridView Tutorial:    • Flutter Tutorial - GridView VS Stagge...  
Checkboxes Tutorial:    • Flutter Tutorial - CheckBox List & Ch...  
Material Ripple Effect Tutorial:    • Flutter Tutorial - Material Ripple Ef...  
Navigation Drawer Tutorial:    • Flutter Tutorial - Sidebar Menu & Nav...  
SQFlite SQL Database Tutorial:    • Flutter Tutorial - SQL Database Stora...  
Hive NoSQL Database Tutorial:    • Flutter Tutorial - Hive NoSQL Databas...  
Flutter Layout Basics Tutorial:    • Flutter Layout Basics: Row, Column, S...  
TextField Autofill Services Tutorial:    • Flutter Tutorial - Autocomplete TextF...  
Date Picker Tutorial:    • Flutter Tutorial - Date Picker, Date ...  
Expandable ListView Tutorial:    • Flutter Tutorial - Expandable List - ...  
Drag & Drop Widgets Tutorial:    • Flutter Tutorial - Drag & Drop Widget...  
App Internationalization Tutorial:    • Flutter Tutorial - Localization & Int...  
Native Splash Screen Tutorial:    • Flutter Tutorial - Native Splash Scre...  
Dark Mode Switch Tutorial:    • Flutter Tutorial - Flutter Dark Mode ...  

TIMELINE
0:00 Introduction Sliding Up Panel
0:26 Create Sliding Up Panel
1:08 Create Content Of Sliding Up Panel
2:15 Fix ListView & Sliding Up Panel Issue
3:13 Customize Sliding Up Panel
3:28 minHeight of Sliding Up Panel
4:17 maxHeight of Sliding Up Panel
5:02 Rounded Sliding Up Panel
5:30 Parallax Effect For Sliding Up Panel
6:05 Create DragHandle
7:19 Add Panel Controller
8:05 Open / Close Sliding Up Panel
8:46 Floating Action Button & Sliding Up Panel


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

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


Watch video Flutter Tutorial - Sliding Up Panel & Draggable Sliding Sheet online without registration, duration hours minute second in high quality. This video was added by user HeyFlutter․com 16 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 37,75 once and liked it 97 people.