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

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

以下是使用RaisedButton和FlatButton的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Button Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              RaisedButton(
                child: Text('Raised Button'),
                onPressed: () {
                  // 处理点击事件
                  print('Raised Button Clicked!');
                },
              ),
              SizedBox(height: 20.0), // 空间间隔
              FlatButton(
                child: Text('Flat Button'),
                onPressed: () {
                  // 处理点击事件
                  print('Flat Button Clicked!');
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个MyApp类，它继承自StatelessWidget。在build方法中，我们构建了一个MaterialApp作为根应用，并在其home属性中设置了一个Scaffold，它包含一个AppBar和一个居中的Column。Column包含两个按钮：RaisedButton和FlatButton，它们各自有自己的文本和点击事件处理函数。当按钮被点击时，相应的事件处理函数会被调用，并打印出一条消息。