基本上由widget组成,widget有stateless和stateful两种,常用的基础widget有

  • container:矩形元素,可以设置背景边框阴影
  • row,column:让子控件水平和垂直布局,flex布局原理
  • stack:可以堆砌widget,用上下左右来定位
  • text:一个文本显示容器

多功能widget叫做material app widget,苹果风格的叫做CupertinoApp,常见的有:

  • navigator,也叫routes
  • appbar
  • scaffold

  • 一个widget加gestureDetector便形成了按钮
  • 一个widget+state = statefull widget
  • keys:类似于tableview中的cellid,重用机制
  • 全局key:用来标识全局唯一的widget

关于widget组合的图: image image

参考:https://flutter.cn/docs/development/ui/layout