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切换