Flutter Basic Widgets Repository

Welcome to the Flutter Basic Widgets repository! This repository aims to cover fundamental and essential widgets in Flutter that are crucial for building high-quality Flutter applications.

Overview

Flutter is a powerful framework for building cross-platform mobile applications. Understanding the basic widgets provided by Flutter is essential for creating efficient and visually appealing user interfaces.

This repository serves as a comprehensive guide to various basic widgets available in Flutter. Each widget is explained with examples and use cases to help you grasp their functionality and usage.

Running Examples

To run a specific example, use the following command:

flutter run --dart-define=EXAMPLE=WidgetName

Replace WidgetName with the name of the widget that you want to run, excluding the word "Example".

For example, if the widget name is IsolateRunExample, you should use IsolateRun as the example name:

flutter run --dart-define=EXAMPLE=IsolateRun

This command corresponds to the IsolateRun example, where the widget name is IsolateRunExample ( remove "Example" from it).

Table of Contents

1. Tween
2. Isolate
3. SegmentedButton
4. DropdownMenu
5. OverlayPortal
6. Gap // it's package not widget so we will cover at the end.
7. CallBackShortcuts // it's for desktop so we will cover at the end.
8. RawMagnifier
9. Future Builder
10. Actions // it's for desktop so we will cover at the end.
11. Shortcuts // it's for desktop so we will cover at the end.
12. Focus
13. Linear Gradient
14. Autocomplete
15. Navigation Rail
16. Focusable Action Detector
17. Repaint boundary
18. Stateful Builder
19. Scaffold Messenger
20. Dropdown Button
21. Baseline
22. Gesture Detector
23. TabPageSelector
24. Flow
25. HeroMode
26. MouseRegion
27. Flutter logo
28. Scrollbar
29. Expansion Panel
30. Rotated Box
31. PhysicalModel
32. ImageFiltered
33. SwitchListTile
34. GridView
35. Interactive Viewer
36. SliverAppBar
37. About Dialog
38. CheckboxListTile
39. Padding
40. AnimatedWidget
41. ClipOval
42. CupertinoActivityIndicator
43. IgnorePointer
44. Divider
45. ClipPath
46. Builder
47. NotificationListener
48. ShaderMask
49. ListWheelScrollView
50. SnackBar
51. Drawer
52. DefaultTabController and TabBar
53. Image
54. TweenAnimationBuilder
55. CupertinoActionSheet
56. ToggleButtons
57. ColorFiltered
58. DraggableScrollableSheet
59. AnimatedCrossFade
60. AlertDialog
61. Slider, RangeSlider and Cupertino Slider
62. Data Table
63. Container
64. ListTile
65. ListView
66. Fractionally SizedBox
67. AnimatedOpacity
68. Stack
69. Constrained Box
70. Semantics
71. Indexed Stack
72. Animated Padding
73. Animated Positioned
74. Reorderable ListView
75. RichText
76. Placeholder
77. LimitedBox
78. AspectRatio
79. AnimatedIcon
80. InheritedWidget
81. Spacer
82. MediaQuery
83. Flexible
84. Animated List
85. ValueListenable Builder
86. SizedBox
87. Dismissible
88. AnimatedBuilder
89. Positioned
90. Align
91. BackdropFilter
92. Transform
93. AbsorbPointer
94. Layout Builder
95. FittedBOx
96. CustomPaint
97. Hero
98. ClipRRect
99. InheritedModel
100. StreamBuilder
101. FadeInImage
102. SliverList and SliverGrid
103. Table
104. PageView
105. FloatingActionButton
106. Fade Transition
107. Future Builder
108. Opaque Widget
109. Animated Container
110. Wrap
111. Expanded
112. SafeArea
113. Draggable
114. NavigationBar
115. TextStyle