flutter组件总结

153 阅读1分钟

组件按功能分为四种:

基础类组件、布局类组件、容器类组件、滚动类组件

基础类组件

文本组件: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)、