flutter - 如何在标题下方制作带有图标的 AppBar？

Question

我想要一个IconButton下面的标题AppBar。我试过Column了，但我在将所有物品居中并且底部溢出时遇到了问题。

我的代码：

appBar: new AppBar(
    title: Column(
        children: <Widget>[
            new Text('App Title'),
            IconButton(
                icon: new Icon(new IconData(0xe902, fontFamily: 'Ionicons')),
                onPressed: () {},
            )
        ],
    ),
    centerTitle: true,
    actions: <Widget>[
        IconButton(
            icon: new Icon(new IconData(0xe906, fontFamily: 'Ionicons')),
            onPressed: () {},
        )
    ],
),

它应该看起来像这样。

标签： flutter

Answer 1

可能与此重复。也许您可以尝试减小 Text 和 IconButton 小部件的大小以避免溢出（它看起来不太好），并添加crossAxisAlignment: CrossAxisAlignment.center您的 Column 小部件以将 Column 的子级居中在它的交叉轴上。

如果这些都不起作用，也许您可​​以构建自己的 appbar 小部件，因为一切都是颤振上的小部件。