Flutter组件-按钮组件
2021-10-15 本文已影响0人
aofeilin
Material 组件库中提供了多种按钮组件如ElevatedButton、TextButton、OutlineButton等，它们都是直接或间接对RawMaterialButton组件的包装定制，相同点
1.按下时都会有“水波动画”（又称“涟漪动画”，就是点击时按钮上会出现水波扩散的动画）。
2.有一个onPressed属性来设置点击回调，当按钮按下时会执行该回调，如果不提供该回调则按钮会处于禁用状态，禁用状态不响应用户点击
w stagle felevet beel. feceolemeLes),merleret 4el.png
1.ElevatedButton踩到水的感觉，波纹，如果onPressed不写， 空方法排除外，按钮默认是灰色，
ElevatedButton(
onPressed: () {},
child: Text(**'**我是**ElevatedButton'**)
)
2.TextButton即文本按钮，默认背景透明并不带阴影。按下后，会有背景色，
TextButton(
onPressed: (){},
child: Text(**'**我是**TextButton'**),
)
3.OutlineButton默认有一个外边线。
OutlineButton(
onPressed: (){},
child: Text(**'OutlineButton'**),
)
4. IconButton
IconButton(
icon: Icon(Icons.*android*),
onPressed: (){}
),
5.带图标的按钮
ElevatedButton.icon(
icon: Icon(Icons.*send*),
onPressed: (){},
label:Text(**'**发送**'**),
),
ElevatedButton.icon(
icon: Icon(Icons.*sentiment_satisfied_alt*),
onPressed: (){},
label:Text(**'**接收**'**),
)
8EC4FFBF-0798-4BB6-815C-D27BBE7421E4.png
