Top 70 Common Flutter Widgets

From Best Flutter Widgets EVER!

Top 70 Common Flutter Widgets

  1. MaterialBanner 点击按钮 从上方弹出提示
  2. PreferredSize 创建你自己的 appbar
  3. BottomSheet 点击按钮 从底部弹出新页面(占据一半)
  4. LongPressedDraggable 长按拖拽
  5. InteractiveViewer 可以缩放
  6. RecorderableListView 可以给 listview 里的拖拽排序
  7. CheckboxListTile 勾选框
  8. CircleAvatar 一个圆
  9. CupertinoContextMenu 一个按钮触发多个选项供选择(省略号常用)
  10. Table 表格
  11. AlertDialog 提示
  12. AnimatorContainer 可以变换的 container
  13. Card 有阴影的 container?
  14. DataPicker 选择日期的 widget
  15. TimePicker 选择时间的 widget
  16. DateRangePicker 选择时间区间的 widget
  17. Dismissable 可以左滑删除 item 的 widget
  18. DraggableScrollableSheet 可以拖动的 scrollable sheet
  19. DragTarget 可以拖拽 Draggable widget 进去的 widget
  20. Draggable 可以拖拽的 widget
  21. AnimatedCrossFade fade 效果的 widgets 切换
  22. Drawer 侧边栏
  23. DrawerHeader 侧边栏 header
  24. PopupMenuButtom 有点像 9,但是给的是返回值?
  25. AnimatedDefaultTextStyle 可变换的 textstyle?
  26. AspectRatio 填充固定比例
  27. AutoComplete 文本自动补全(联想)
  28. ErrorWidget 出现错误的 widget
  29. Expaned 根据比例分配高 / 宽
  30. Flexible 和 expanded 差不多,但是会被 height 覆盖
  31. FloatingActionButton 悬浮按钮
  32. Form 规定输入格式
  33. TextFromField
  34. AnimatedIcon 可变换的 icon(例如播放暂停)
  35. ChoiceChip 可供选择的文本标签
  36. FadeInImage 加载出来图片之前可以设置默认图片
  37. FractionallySizedBox 设置的高宽是基于屏幕比例的
  38. FutureBuilder 加载完才会显示
  39. GestureDetector 增加手势识别
  40. GridView 有各种元素的滚动条?
  41. GridTile 图片有 header 和 footer
  42. GridTileBar 给 GridTile 加上各种图标功能
  43. AnimatedRotation 旋转动画
  44. Hero 从一个页面跳到另一个页面的动画
  45. IgnorePointer 可以使得按钮无法使用
  46. IndexStack 点击相应 index 切换
  47. ListView
  48. ListTile
  49. NavigationBar 底部栏
  50. AnimatedOpacity 改变透明度的动画?
  51. Stack 类似图层?
  52. Stepper 生成 Step
  53. SteamBuilder 一串数据获取
  54. Switch 类似 c 的 switch
  55. TabPageSelector 一般 app 第一次使用时的 page 切换
  56. TabBar 顶部栏
  57. PageView 左右滑动的页面
  58. Positioned 放置确定位置的组件
  59. RadioListTile 单选组件
  60. RefreshIndicator 刷新组件
  61. RotatedBox 旋转组件(不是动画)
  62. SelectableText 可以选中(复制)的文本组件
  63. Slider 滑块
  64. SnackBar 底部提示,会自动消失
  65. Visibility 可以隐藏的组件
  66. Wrap
  67. SafeArea 只在没有手机遮挡部分的地方的框
  68. LayoutBuilder 根据手机 size 选择显示内容
  69. OrientationBuilder 可以做横竖屏切换
  70. OverflowBar 如果横着放不下会自动竖着放
  71. FittedBox 自适应 box
  72. ExpansionTile 折叠列表
  73. CupertinoSlidingSegmentedControl 根据选择 tag 切换