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 示例'),
          centerTitle: true,
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.settings),
              onPressed: () {
                // 点击设置按钮时的操作
              },
            ),
          ],
        ),
        body: Center(
          child: Text('这是AppBar的内容区域'),
        ),
      ),
    );
  }
}

在这个例子中，AppBar有一个标题和一个用于打开设置菜单的IconButton。标题会默认在AppBar中居中显示，但可以通过设置centerTitle属性为false来左对齐标题。actions属性用于添加显示在标题右侧的一组操作按钮。body属性则是Scaffold主体内容的占位符。