Gist of Flutter

About this Repository

This page contains demonstrations of some Flutter Widgets and Dart code (for beginners). As far as possible, adequate comments are left in the code for the code's working. The gists (some code may be too long to be called a gist) in this repository are provided as is. Feel free to learn, use, modify the code and have fun with it as per your use case.

1. Boilerplate for new demo apps
2. Bottom App Bar and Floating Action Button Widgets
3. BottomSheet and ModalBottomSheet Widget
4. Box Widgets
5. Button Widgets, Ternary Operator
6. ButtonBar Widget
7. Card and Stack Widgets, Model From Model
8. Checkbox Widget
9. CheckboxListTile Widget
10. Chip, Snackbar, Models, List(map and toList())
11. CircleAvatar Widget, Widget functions, Custom Widgets, Image class and the Spread operator
12. Colors, Listview and ListTile Widget
13. Container, Opacity, Material and Wrap Widgets
14. Custom Icons, GestureDetector Widget
15. DataTable Widget
16. Device Info using MediaQuery
17. Dialog Widgets
18. Dismissible Widget
19. Drawer Widget, Custom Widget and ExitApp Function
20. ExpansionPanel and ExpansionPanelList Widgets
21. FABExtended and Multiple FABs
22. Gridview Count Widget
23. GridView Widget
24. GridViewBuilder Widget
25. IndexedStack Widget
26. Light to Dark Theme Switching
27. ListviewSeparated, DataModels and Modularized Code
28. Modularizing the App Interface
29. NavigationRail Widget
30. PageView and PageViewBuilder Widget
31. Portrait and Landscape Modes
32. Radio Widget
33. RadioListTile Widget
34. Responsive UI Template
35. RichText and TextSpan Widgets
36. Row, Column, Center, Expanded Widgets
37. SafeArea, AppBar Icons and Builder Widgets
38. SingleChildScrollView Widget
39. Slider and RangeSlider Widget
40. Stateless and Stateful Widgets
41. Stepper Widget
42. Switch Widget
43. TabBar and TabBarView Widgets
44. Table and TableRow Widget
45. TextField Widget
46. Tooltip Widget
47. Transform Widget
48. WillPopScope Widget and AppServices Mixin

pubspec.yaml file

Add the following to the "pubspec.yaml" file:

  assets:
    - assets/cars/
    - assets/fonts/Dogs.ttf

  fonts:
    - family: Dogs
      fonts:
      - asset: assets/fonts/Dogs.ttf

Assets

The following are the assets used for this repository. "item4.jpg" can be copied to any location of the device and its full path can be used for the gist on the Image class.

Cars01
Cars02
Cars03
Cars04
Cars05
Cars06
Cars07
Cars08
Cars09
Cars10
Cars11
Dog Font
item4