玖叶教程网

前端编程开发入门

9-Flutter控件Button剖析(flutter statefulwidget)

Button(中文翻译按钮),这是交互控件中的一种,常用实际应用场景请求数据提交,点击事件数据处理。在Flutter中Material 组件库常用RaiseButton、 FloatingActionButton 、FlatButton、OutlineButton 、自定义按钮。不同按钮有着不同风格,适用各种实际场景。

1 RaisedButton "凸起"按钮,支持悬浮和正常。onPressed和onLongPress回调为null,则该按钮将被禁用

textColor:设置文字颜色

disabledTextColor:设置按钮禁用时文字颜色

color:设置按钮背景颜色

disabledColor:设置按钮禁用时背景颜色

highlightColor:设置点击时按钮颜色

colorBrightness:文字亮度

highlightElevation:点击时阴影面积

disabledElevation:按钮禁用时阴影面积

padding:设定按钮文字与边框距离

shape:按钮形状设置

2 FlatButton扁平按钮,默认背景透明并不带阴影,通过color设置为背景增加颜色。属性跟RaiseButton一样。


3 OutlineButton 带边框按钮。属性跟RaiseButton一样

4 IconButton 带图标按钮,icon 要指定图标。点击时会背景颜色。其他属性跟RaiseButton一样。

5 RaisedButton调用icon函数指定可以指定图标和按钮文字


6自定义按钮。更改按钮属性改变按钮

上一讲 8-Flutter控件Text剖析
下一讲(待续) 10-Flutter控件图片解析

觉得button与原生有什么区别,欢迎关注点赞留言转发

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言