面试题：Flutter中如何在Material Design风格的AppBar中添加自定义操作按钮

Question

请描述在Flutter中，使用Material Design风格构建AppBar时，如何添加自定义的操作按钮（如搜索按钮、分享按钮等），并给出相应的代码示例。

Answer 1

在Flutter中，使用Material Design风格构建AppBar并添加自定义操作按钮，可通过AppBar的actions属性来实现。以下是示例代码：

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('自定义AppBar操作按钮'),
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.search),
              onPressed: () {
                // 搜索按钮点击逻辑
              },
            ),
            IconButton(
              icon: Icon(Icons.share),
              onPressed: () {
                // 分享按钮点击逻辑
              },
            ),
          ],
        ),
        body: Center(
          child: Text('页面内容'),
        ),
      ),
    );
  }
}

在上述代码中，AppBar的actions属性接受一个Widget列表，每个Widget即为一个操作按钮。这里使用IconButton作为示例，分别创建了搜索按钮和分享按钮，并可在onPressed回调中添加相应的点击逻辑。