Flutter开发之——基本组件-Button

在Flutter中，按钮是一种常见的UI元素，用于响应用户点击。Flutter提供了多种按钮组件，例如RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar、FloatingActionButton等。

以下是每种按钮的简单示例代码：

1. RaisedButton（凹凸按钮）

RaisedButton(
  child: Text('Press Me'),
  onPressed: () {
    print('RaisedButton Pressed');
  },
)

2. FlatButton（扁平按钮）

FlatButton(
  child: Text('Flat Button'),
  onPressed: () {
    print('FlatButton Pressed');
  },
)

3. OutlineButton（轮廓按钮）

OutlineButton(
  child: Text('Outline Button'),
  onPressed: () {
    print('OutlineButton Pressed');
  },
)

4. IconButton（图标按钮）

IconButton(
  icon: Icon(Icons.thumb_up),
  onPressed: () {
    print('IconButton Pressed');
  },
)

5. ButtonBar（按钮栏）

ButtonBar(
  children: <Widget>[
    RaisedButton(
      child: Text('Button 1'),
      onPressed: () { print('Button 1 Pressed'); },
    ),
    RaisedButton(
      child: Text('Button 2'),
      onPressed: () { print('Button 2 Pressed'); },
    ),
  ],
)

6. FloatingActionButton（浮动动作按钮）

FloatingActionButton(
  child: Icon(Icons.add),
  onPressed: () {
    print('FloatingActionButton Pressed');
  },
)

每种按钮都有一个onPressed回调函数，该函数定义了按钮被点击时将执行的操作。onPressed属性是必需的，如果不提供onPressed，则按钮将被禁用。

这些按钮组件可以接收各种属性来自定义外观，例如颜色、形状、边框等。