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

1.常见的按钮组件

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

//导航栏右侧加图标 按钮等
        actions: <Widget>[
          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.自定义按钮组件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容