Flutter 基础篇(六)—— 按钮组件

本文介绍了Flutter组件库中的基础按钮类型,如、和,它们基于Button组件封装。所有这些按钮在按下时都有水波动画,并通过设置属性定义点击回调。详细讨论了FloatingActionButton、OutlineButton和IconButton的特点及常用属性,如颜色、文本颜色、内边距和形状等。在使用第三方模拟器调试时,可能遇到一些问题。
摘要由CSDN通过智能技术生成

Material 组件库中,提供了很多种基础按钮:RaisedButtonFlatButtonOutlineButton 等,它们都是直接或间接对 RawMaterialButton 组件的封装,所以他们的大多数属性都和 RawMaterialButton 一样。

另外,Material 组件库中的按钮都有两个特征:

  1. 按下时都会出现水波动画。
  2. 都有一个 onPressed 属性来设置按钮的点击回调。

RaisedButton

RaisedButton 表示一个漂浮的按钮,它默认带有阴影和灰色背景,按下后阴影会变大。

FlatButton

FlatButton 表示扁平按钮,默认背景透明并不带阴影,按下后会出现背景色。

OutlineButton

OutlineButton 默认有一个边框,不带阴影且背景透明,按下后边框颜色会变亮、同时出现背景和阴影。

IconButton

IconButton 表示一个图标按钮,不包括文字,默认没有背景。

按钮的属性

  • onPre

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值