组件按功能分为四种:
基础类组件、布局类组件、容器类组件、滚动类组件
基础类组件
文本组件:Text
图片:Image
Image.asset(本地图片,需要在pubspec.yaml 声明一下添加的图片文件)
Image.network(网络图片)
按钮:XXButton
常用:RaiseButton(凸起按钮)、IconButton(图标按钮)、FlatButton(扁平化按钮)、FloatingActionButton(悬浮按钮)
输入框:TextField
复选框组件:CheckBox
表单组件:Form
布局类组件
水平线布局:Row
垂直布局:Column
流式布局:Wrap
层叠布局:Stack+positioned(定位)
弹性布局;Flex (Expanded在Flex中可以设置比例)
容器类布局
容器类与布局类不同的是,容器类一般只接收一个子组件,来修饰、变换、限制大小、设置边距
Padding
限制类容器:ConstrainedBox、SizedBox 装饰类容器:DecoratedBox Container容器:可以设置Padding、margin 脚手架容器:Scaffold 里面有导航栏(appbar)、侧边栏(drawer)、底部导航栏(bottomNavigationBar)、body
滚动类组件
列表(ListView)、网格(GridView)、