如何在Flutter中将图标添加到AppBar

时间:2019-09-15 04:45:54

标签: flutter icons flutter-appbar

如果我有一个这样的AppBar:

如何向其添加可点击的图标?

2 个答案:

答案 0 :(得分:2)

如何向AppBar添加图标

您可以通过将IconButton小部件添加到AppBar的actions列表中来向AppBar添加图标。

AppBar(
  title: Text('My App'),
  actions: <Widget>[
    IconButton(
      icon: Icon(
        Icons.settings,
        color: Colors.white,
      ),
      onPressed: () {
        // do something
      },
    )
  ],
),

另请参见

答案 1 :(得分:2)

enter image description here

左侧图标使用 leading,右侧图标使用 actions

AppBar(
  centerTitle: true,
  title: Text('AppBar'),
  leading: IconButton(
    onPressed: () {},
    icon: Icon(Icons.home),
  ),
  actions: [
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.call),
    ),
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.more_vert),
    ),
  ],
)