有没有办法在flutter中将appbar放在底部？

Question

有没有办法在flutter中将appbar停靠在底部？

谢谢。

Answer 1

AppBar

只是一个像其他小部件一样的小部件。你可以把它放在任何你想要的地方。

即使在

bottomNavigationBar

的

Scaffold

领域。

final appBar = new AppBar(title: new Text("data"));
return new Scaffold(
  body: new Center(
    child: new FlatButton(
      child: new Text("data"),
    ),
  ),
  bottomNavigationBar: new SizedBox(
    height: appBar.preferredSize.height,
    child: appBar,
  ),
);

尽管在这种情况下你也可以使用

BottomAppBar

。

Answer 2

刚刚遇到了同样的问题 - 将 AppBar 放入设置为 kToolbarHeight （或任何您想要的大小）的约束框中：

bottomNavigationBar: ConstrainedBox(
  constraints: const BoxConstraints(maxHeight: kToolbarHeight),
  child: AppBar(
    backgroundColor: Theme.of(context).primaryColor,
    title: const Text('Title'),
    centerTitle: true,
  ),
)