Welcome to the Mobile Application Design Tracker Sheet, a personal Flutter learning repository where I solved 19 practical Flutter & Dart UI problems while learning and experimenting with mobile app development.
Each problem helped me understand and practice a fundamental aspect of Flutter development — from basic UI components to animations, dark mode toggling, and media uploading.
Here's a breakdown of the problems I solved:
- 👋 Hello Flutter – Basic app showing "Hello Flutter" text.
- 🔘 Buttons Practice – Created various styled buttons.
- 🧭 Drawer and AppBar – Implemented navigation drawer and AppBar.
- 📱 Multiple Screens – Created multiple pages with navigation buttons.
- 📲 Navigation Through Pages – Used
Navigatorto move between screens. - 📜 ListView Demo – Displayed items using
ListView. - ✍️ Text Styling Samples – Practiced with
TextStyle, fonts, and alignment. - 🔐 Login Page UI – Built a clean login screen layout.
- 🖼️ GridView for Pictures – Showed pictures in a responsive grid.
- 🛍️ Product Cards UI – Designed simple product card layouts.
- 🌐 Online Image Loading – Loaded images from the internet.
- 📁 Local Image Display – Displayed images from device assets.
- 🧹 Swipe to Reveal Actions – Added swipe-to-edit/delete functionality.
- 📆 Date & Time Picker – Implemented date and time picking.
- 🔄 Animated Container – On button press, a container changes shape & color randomly.
- 🌙 Dark Mode Toggle – Switched themes using a button.
- 📤 Image Picker from Device – Selected and displayed images from user's gallery.
- 🔄 Interactive Shape Generator – Random animated shape and color changes on button press.
- 💡 State Management Practice – Used
setStateto manage simple UI updates.
 1 |
 2 |
 3 |
 4 |
 5 |
 6 |
 7 |
 8 |
 9 |
 10 |
 11 |
 12 |
 13 |
 14 |
 15 |
 16 |
 17 |
 18 |
 19 |
- Flutter
- Dart
- Visual Studio Code
If you'd like to collaborate or have any feedback, feel free to reach out via GitHub Issues.
🌟 Don’t forget to give this repo a star if you found it helpful!