flutter-widgter

原文地址 zhuanlan.zhihu.com

flutter-widgter

​目录收起常用组件：divider： 为2个组件之间加一条线circleAvatar:圆形头像container 组件：相当于div view(android) text 组件: image 组件: 加载asset本地 newwork网络 内存 图片等Iconssizebox 组件 ：盒子 ，主要用于上下2个组件之间的间距boxDecoration: 盒子的装饰，用于设置边框等列表组件ListView :列表组件 == recyview adapterListTile 列表块（瓷砖）：gridView ：网格布局 多用于商品页面布局组件center组件 ：所包含的组件会居中padding组件： 有个组件没有这个属性，所以可以用这个包含需要的组件row column 水平 垂直布局组件：expanded :用于充满整个屏幕 比例分配 layweight(android)stack组件：定位布局 相当于 framLayout flex alignpositionnedaspectRatio 组件：card组件：卡片组件 wrap组件：流布局Scaffold :脚手架AppBarbottomNavigationBar 组件 ：底部导航栏路由routes :路由单独的文件顶部导航：appBar顶部菜单：DefaultTabController(包含scaffold) tabBar(在appBar里面即可) tabBarView（放在scaffold的body里面）drawer侧边栏按钮组件raisedButton 凸起的按钮flatButton:扁平化按钮outLineButton 线性按钮IconButton 图片按钮buttonBar 按钮组自定义按钮floatingActionButton 浮动按钮，放在scaffold里面表单textFieldcheckboxcheckboxListTileradioradioListTileinkwell

组件整理

常用组件：

divider： 为2个组件之间加一条线

circleAvatar:圆形头像

container 组件：相当于div view(android)

text 组件:

image 组件: 加载asset本地 newwork网络 内存 图片等

Icons

sizebox 组件 ：盒子 ，主要用于上下2个组件之间的间距

boxDecoration: 盒子的装饰，用于设置边框等

列表组件

ListView :列表组件 == recyview adapter

ListTile 列表块（瓷砖）：

gridView ：网格布局 多用于商品

页面布局组件

center组件 ：所包含的组件会居中

padding组件： 有个组件没有这个属性，所以可以用这个包含需要的组件

row column 水平 垂直布局组件：

expanded :用于充满整个屏幕 比例分配 layweight(android)

stack组件：定位布局 相当于 framLayout flex

align

positionned

aspectRatio 组件：

card组件：卡片组件

wrap组件：流布局

Scaffold :脚手架

AppBar

bottomNavigationBar 组件 ：底部导航栏

路由

routes :路由单独的文件

// 设置路由

// 设置初始化路由

//页面传参，通过构造方法

页面接收传参

// 替换路由，== 结束当前的页面打开新的页面

// 返回到根路由，用于返回首页，返回多个，结束几个页面之间的，不太确认的是：是否是重新渲染了首页

顶部导航：

appBar

顶部菜单：DefaultTabController(包含scaffold) tabBar(在appBar里面即可) tabBarView（放在scaffold的body里面）

// 顶部菜单多个的时候，设置可以滑动

动态的顶部菜单栏：个数没有限制的

drawer侧边栏

按钮组件

//

raisedButton 凸起的按钮

// 通过设置容器，来设置按钮宽高

// 自适应的按钮

// 设置按钮的圆角

// 其它的属性

flatButton:扁平化按钮

outLineButton 线性按钮

IconButton 图片按钮

buttonBar 按钮组

自定义按钮

floatingActionButton 浮动按钮，放在scaffold里面

表单

textField

checkbox

checkboxListTile

radio

radioListTile

switch

日期

inkwell

发布于 2023-04-17 10:57・IP 属地山东开启赞赏赞赏开启后，读者将可以付费支持你的创作。FlutterDartiOS 开发​赞同​添加评论​分享​喜欢​收藏​设置