Flutter基础

# Dart

List数组

List<String> 指定字 符串类型

int整数类型

is关键词来判断类型 

%取余，~取整

$a $b 连接

a??=1 如果a=空 1赋值给a  

number转换字符串toString

(join('-'))转成字符串

String转换number类型 int.parse 

isEmpty判断字符串是否为空

reversed 对列表倒序排序翻转 

addAll拼接数组 

remove删除

removeAt传入索引值

fillRange修改（初始值，结束值）

insert插入值

insertAll插入多个 (数组)  

set数组去重

泛型就是解决类，接口方法的复用性，以及对不特定数据类型的支持

 Flutter

flutter create+名字

配置环境变量

图标

布局

样式

Text:文本组件

 borderRadius: BorderRadius.all(Radius.circular(150)) 150变成圆

padding:EdgeInsets.all()

padding:EdgeInsets.fromLTRB()

decoration:背景色

Image

圆形图片

1，

image:DecorationImage(

image:

fit:BoxFit.cover

)

2，ClipOval

本地图片（assert('')）

1，新建文件夹2.0x 3.0x 图片根目录有每个文件夹也有

2，

ListView 列表

图文列表

GridView ：网格布局

.count

.builder

crossAxisCount  几列

Row水平布局

spaceEvenly: 均匀（常用）

Column垂直布局

Expanded （display:flex）

Stack 层叠组件

（alignment 位置） （xy    0  -1 1 ）

children

Stack结合Positioned使用

平铺图片用

Card组件

和listView实现

CircleAvatar处理头像(也可以用ClipOval)

Wrap

RaiseButton

 

只有  有状态组件才有setState 方法，

BottomNavigationBar底部导航

type:BottomNavigationBarType.fixed  //配置底部tabs有多个按钮

---

Drawer侧边栏

Divider下划线

DrawerHeader头部

头部组件

侧边栏列跳转的方法

---

按钮组件

基本属性类似

自定义按钮组件

FloatingActionButton凸起按钮

和appBar同级

floationgActionButtonLocation位置

类似于咸鱼APP 中间的浮动按钮：Container包裹可以设置宽高，padding,margin 

表单

 

Radio单选

1，value

2，onChanged改变触发的事件

3， groupValue: 变量一样代表一组

日期

InkWell类似于button组件

三方日期组件：

1，添加依赖

2，ctrl+s保存下载包或（fluter packages get）

3，引入

弹出层

AlertDialog，SimpleDialog

隐藏Navigator.pop(context,' ');

在showDialog组件里

showToast插件

定时器

请求数据

Dio

appBar的封装

implements PreferredSizeWidget