Flutter AppBar 尾随图标 - Dart

在Flutter中，AppBar是一个常用的组件，可以实现页面标题、返回按钮等功能。除此之外，AppBar还可以添加尾随图标，增加页面的互动性和美观性。

添加尾随图标的方法

在AppBar中使用尾随图标十分简单，只需在AppBar中添加actions属性，将需要的尾随图标添加到其中即可。

AppBar(
  actions: [
    IconButton(
      icon: Icon(Icons.add),
      onPressed: () {},
    ),
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {},
    ),
  ],
)

以上代码中，actions属性是List<Widget>类型，可以添加多个Widget。在这里，我们添加了两个IconButton，一个用于添加操作，一个用于搜索操作。

自定义尾随图标

如果您想要自定义尾随图标，可以使用PopupMenuButton组件。这个组件可以显示一个弹出窗口，在里面放置您需要的自定义操作。

PopupMenuButton(
  itemBuilder: (BuildContext context) {
    return [
      PopupMenuItem(child: Text('操作一')),
      PopupMenuItem(child: Text('操作二')),
      PopupMenuItem(child: Text('操作三')),
    ];
  },
)

以上代码中，itemBuilder属性返回的是List<PopupMenuEntry>类型，可以添加多个PopupMenuItem，表示弹出窗口中的选项。在这里，我们添加了三个选项，分别是操作一、操作二、操作三。

总结

通过添加尾随图标和自定义尾随图标，我们可以为AppBar增加互动性和美观性，让页面看起来更加生动活泼。