Flutter组件-按钮组件

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

参考：https://book.flutterchina.club/chapter3/buttons.html