Flutter 3.7 常见的按钮组件 以及自定义按钮组件

1.常见的按钮组件

RaiseButton 凸起按钮
FlatButton 扁平化按钮
OutlineButton 线框按钮 (无背景颜色)
IconButton 图标按钮 (左上角 右上角的button )

//导航栏右侧加图标 按钮等
        actions: [
          IconButton(
          icon: Icon(Icons.home),
          onPressed: (){
            print("1222");
          },
        )
        ],

ButtonBar 按钮组 (多个按钮放在一起,里面children 放button)

FloatingActionButton 浮动按钮
和 appBar 平级

return Scaffold(
      appBar: AppBar(
        title: Text("设置"),
      ),
      body: Text("data"),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: (){

        },
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat
)

//其他
1.elevation(阴影效果)

2.给按钮加图标 文字等.icon 去设置 RaisedButton.icon()

3.shape属性 去设置圆角
RoundedRectangleBorder()
CircleBorder 设置圆形按钮

4.splashColor 点击时有水波纹效果的颜色

2.自定义按钮组件