Flutter 按钮

Flutter 提供了多种类型的按钮 Widget，可以方便地实现各种功能。本文将会介绍 Flutter 中的常用按钮 Widget，包括 Raised Button、Flat Button、Icon Button、Floating Action Button 等。

Raised Button

Raised Button 是一种凸起的按钮，通过设置 Button 的颜色等属性来实现风格的区分。Raised Button 可以设置 Button 的 Shape 以及阴影等属性，同时也可以给 Button 添加点击事件。Raised Button 主要通过 RaisedButton Widget 来实现。

RaisedButton(
  child: Text('Raised Button'),
  onPressed: () { 
    // Button 点击事件
  },
),

Flat Button

Flat Button 是 Flat 型的 Button，通常用于普通的文本 Button。与 Raised Button 不同的是，Flat Button 没有特定的阴影和形状，它更适合用于简单的操作。Flat Button 主要通过 FlatButton Widget 来实现。

FlatButton(
  child: Text('Flat Button'),
  onPressed: () { 
    // Button 点击事件
  },
),

Icon Button

Icon Button 是一种图标 Button，通常用于需要图标和文字结合的场景。Icon Button 请求一个 Icon，可以通过设置 onPressed，onDisabled 等回调函数来响应点击事件以及禁用状态。Icon Button 主要通过 IconButton Widget 来实现。

IconButton(
  icon: Icon(Icons.add),
  onPressed: () { 
    // Button 点击事件
  },
),

Floating Action Button

Floating Action Button 是一种悬浮按钮，通常用于主要对应用进行操作，例如编辑、新建等。Floating Action Button 可以设置 Button 的 Shape 以及阴影等属性，同时也可以给 Button 添加点击事件。Floating Action Button 主要通过 FloatingActionButton Widget 来实现。

FloatingActionButton(
  child: Icon(Icons.add),
  onPressed: () { 
    // Button 点击事件
  },
),

总结

本文介绍了 Raised Button、Flat Button、Icon Button、Floating Action Button 等常用的按钮 Widget，每种按钮都有不同的特点和用途。希望本文对您在 Flutter 开发中使用按钮 Widget 有所帮助。