一 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: () {},
            ),