Flutter Widgets Demo集合动画

最新推荐文章于 2025-06-08 14:44:44 发布

置顶亲爱的Du

最新推荐文章于 2025-06-08 14:44:44 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/duguang77/article/details/86569196

Flutter 专栏收录该内容

1 篇文章

订阅专栏

这是一个全面覆盖Flutter各种widget的演示集合，包括基本控件如Text、Button、Image，容器类如Container、Row、Column，以及进阶控件如ListView、GridView等。每个widget都配有示例代码和相关属性介绍。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter Widgets 集合

It basically covers all Flutter widgets'Demo. Each widget contains a demo and demo code and a description of widget related attributes. Of course, there may be some missing ones. I will improve them later. I hope this project can help you. ]

基本涵盖所有Flutter widget 的Demo，每个widget都包含一个demo及demo的代码和widget相关属性的介绍，当然中间可能有漏掉的，我会在后面进行完善，希望这个工程能帮助到你。

github地址： https://github.com/z56402344/FlutterWidgets

欢迎指正，谢谢！！！

# Flutter Widgets

## Widgets 分类说明
#### Flutter 基础类控件
1. Text
2. Button
3. Image

#### 单元素容器
1. Container
2. Padding
3. Center
4. Align
5. FittedBox
6. AspectRatio
7. ConstrainedBox
8. Baseline
9. FractionallySizedBox
10. IntrinsicHeight
11. IntrinsicWidth
12. LimitedBox
13. Offstage
14. OverflowBox
15. SizedOverflowBox
16. Transform
17. CustomSingleChildLayout

#### 多元素容器
1. Row
2. Column
3. Stack
4. IndexedStack
5. Flow
6. Table
7. Wrap
8. ListBody
9. ListView
10. CustomMultiChildLayout
11. LayoutBuilder

#### 多元素容器
###### 结构和导航类Widgets
1. 结构和导航类Widgets
2. Button类Widgets
3. 输入框和选择框
4. Alert、Panel
5. 展示类Widgets
6. 布局类Widgets
7. Wrap
8. ListBody
9. ListView
10. CustomMultiChildLayout
11. LayoutBuilder

###### Button类Widgets
1. RaisedButton
2. FloatingActionButton
3. FlatButton
4. IconButton
5. PopupMenuButton
6. ButtonBar

###### 输入框和选择框
1. TextField
2. Checkbox
3. Radio
4. Switch
5. Slider
6. Date & Time Pickers

###### Alert、Panel
1. SimpleDialog
2. AlertDialog
3. BottomSheet
4. ExpansionPanel
5. SnackBar

###### 展示类Widgets
1. Image
2. Icon
3. Chip
4. Tooltip
5. DataTable
6. Card
7. LinearProgressIndicator
8. CircularProgressIndicatorWidget

###### 布局类Widgets
1. ListTile
2. Stepper
3. Divider

#### iOS风格的Widget
1. CupertinoActivityIndicator
2. CupertinoAlertDialog
3. CupertinoButton
4. CupertinoDialog
5. CupertinoDialogAction
6. CupertinoSlider
7. CupertinoSwitch
8. CupertinoPageTransition
9. CupertinoFullscreenDialogTransition
10. CupertinoNavigationBar
11. CupertinoTabBar
12. CupertinoPageScaffold
13. CupertinoTabScaffold
14. CupertinoTabView

#### 进阶控件
1. ListView
2. GridView
3. Swiper
4. Sliver