一 ElevatedButton
即"漂浮"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大
ElevatedButton(onPressed: (){
print('dffdff');
}, child: Text('正常')
),
截屏2023-06-28 11.44.23.png
二 TextButton 文本按钮
文本按钮,默认背景透明并不带阴影。按下后,会有背景色
TextButton(
child: Text("normal"),
onPressed: () {},
)
截屏2023-06-28 11.47.41.png
三 OutlinedButton
默认有一个边框,不带阴影且背景透明。按下后,边框颜色会变亮、同时出现背景和阴影(较弱)
OutlinedButton(
child: Text("normal"),
onPressed: () {},
)
四
ElevatedButton、TextButton、OutlinedButton都有一个icon 构造函数,通过它可以轻松创建带图标的按钮
ElevatedButton.icon(
icon: Icon(Icons.send),
label: Text("发送"),
onPressed: () {},
),