Flutter Image Picker UI with Bottom Sheet | Clean Design Only part (1) بالعربي
In this video, we’ll build a clean and modern Image Picker UI using a Bottom Sheet in Flutter — no functionality yet, just the layout and design.
What we cover:
Creating a directory for photos
Designing the Image Picker UI
Using showModalBottomSheet for options
Building a reusable custom option widget
00:00 – Create Directory for Photo
02:43 – Implement Image Picker UI
07:05 – Create showModalBottomSheet
09:24 – Create Options Custom Widget
Видео Flutter Image Picker UI with Bottom Sheet | Clean Design Only part (1) بالعربي канала Nour Ahmed
What we cover:
Creating a directory for photos
Designing the Image Picker UI
Using showModalBottomSheet for options
Building a reusable custom option widget
00:00 – Create Directory for Photo
02:43 – Implement Image Picker UI
07:05 – Create showModalBottomSheet
09:24 – Create Options Custom Widget
Видео Flutter Image Picker UI with Bottom Sheet | Clean Design Only part (1) بالعربي канала Nour Ahmed
Комментарии отсутствуют
Информация о видео
9 апреля 2025 г. 20:18:02
00:14:08
Другие видео канала
Flutter - Understanding StatelessWidget & Basic UI Components
![oop in dart - Enhanced Enum in dart [Arabic]](https://i.ytimg.com/vi/JEmrHfLCJVg/default.jpg)
oop in dart - Enhanced Enum in dart [Arabic]
![How to install Flutter , Visual Studio Code, and vysor on Windows [Arabic]](https://i.ytimg.com/vi/pqABaEYkVE0/default.jpg)
How to install Flutter , Visual Studio Code, and vysor on Windows [Arabic]
Flutter Tutorial: Load Project in Android Studio + Add Video to README & GitHub Collaborators
Flutter Provider MVVM: Build a User Profile with Image Picker and Reactive UI
![Dart Tutorial - #7 Ternary Operator in dart [دارت بالعربي ]](https://i.ytimg.com/vi/WX0-8-EBl0I/default.jpg)
Dart Tutorial - #7 Ternary Operator in dart [دارت بالعربي ]
Flutter Tutorial - How to show and hide password in TextField ?stateful widget (فلاتر بالعربي )
![Flutter Tutorial - dark &Light Mode |Shared preferences | theme animation | cascade [بالعربي ]](https://i.ytimg.com/vi/Mqw8Z4NP7-Q/default.jpg)
Flutter Tutorial - dark &Light Mode |Shared preferences | theme animation | cascade [بالعربي ]
Flutter Tutorial- awesome flutter snippets extensions
Flutter Tutorial - How to Add a Drawer to a screen (فلاتر بالعربي)
![Flutter Tutorial - How to use TextField decoration part 1[ الشرح بالعربي ]](https://i.ytimg.com/vi/wibFgD_iTaQ/default.jpg)
Flutter Tutorial - How to use TextField decoration part 1[ الشرح بالعربي ]
![Flutter Tutorial - Rich Text [ الشرح بالعربي ]](https://i.ytimg.com/vi/BiMCSXHKyy0/default.jpg)
Flutter Tutorial - Rich Text [ الشرح بالعربي ]
Flutter — Pick Multiple Images 📸 | ListView & GridView Tutorial
Flutter Image Picker Complete | Pick from Camera, Gallery & Delete (Part 2)
Flutter API Tutorial: Parse Quotes with Manual Serialization & Factory Constructor
![Flutter Firebase Authentication - Anonymous Sign [فلاتر بالعربي ]](https://i.ytimg.com/vi/wJwB1KARAVc/default.jpg)
Flutter Firebase Authentication - Anonymous Sign [فلاتر بالعربي ]
Flutter Tutorial - Error Lens Extension
Flutter tutorial - How to use google fonts
![Flutter tutorial - How to use TextField decoration part 2 [ Arabic ]](https://i.ytimg.com/vi/H6GVodhi9mw/default.jpg)
Flutter tutorial - How to use TextField decoration part 2 [ Arabic ]
Flutter Tutorial - Bottom Navigation Bar (فلاتر بالعربي )
