北漂程序员知识点积累分享
当前位置: Flutter > flutter常用按钮

flutter常用按钮

2019-12-16 分类:Flutter 作者:北漂程序员 阅读(609)

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) 打赏

谢谢支持

支付宝
微信
1

谢谢支持

支付宝
微信
标签:

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - flutter常用按钮

博客简介

北漂程序员的生活积累,了解学习更多内容,微信搜索公众号:技术开发精选学习笔记

最近更新

精彩评论

服务热线:
 

 QQ在线交流