Flutter 导航栏AppBar

在Flutter中，AppBar是一个Material Design风格的导航栏，通常用于Scaffold的顶部，用于显示标题、操作按钮和其他导航组件。以下是一个简单的AppBar示例代码：

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 AppBar Example'),
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.settings),
              onPressed: () {}, // 点击事件处理
            ),
          ],
        ),
        body: Center(
          child: Text('This is the body of the app.'),
        ),
      ),
    );
  }
}

在这个例子中，AppBar有一个标题和一个动作按钮（设置图标）。当用户点击设置按钮时，可以执行相应的操作，例如导航到设置页面。AppBar的actions属性接受一个Widget列表，可以放置多个操作按钮。body属性则是应用的主要内容区域。