flutter常用按钮

2019-12-16 分类：Flutter 作者：北漂程序员阅读（1842）

1.FlatButton:是扁平的，没有阴影的

2.RaisedButton:是有阴影，看起来凸起来的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

带圆角的按钮
加圆角的控件外层嵌套一层new Material
new Material(
child: new RaisedButton(
onPressed: () {},
color: Colors.red[300],
child: new Text(
"RaisedButton",
style: new TextStyle(color: Colors.white),
),
),
borderRadius: BorderRadius.circular(20.0),
shadowColor: Colors.grey,
elevation: 5.0,
)

3.FloatingActionButton:是在侧面浮起来的那种按钮

4.OutlineButton:中文叫线框按钮

1
2
3
4
5
6
7
8

new Expanded(
child: new OutlineButton(
borderSide:new BorderSide(color: Theme.of(context).primaryColor),
child: new Text('注册',style: new TextStyle(color: Theme.of(context).primaryColor),),
onPressed: (){},
)
)
//borderSide用来自定义边框颜色和样式</p>

「三年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(1) 打赏