【问题标题】:Flutter: How to show content behind bottomNavigationBarFlutter:如何在底部导航栏后面显示内容
【发布时间】:2021-06-09 09:55:20
【问题描述】:

我有一个应用程序,它的 bottomNavigationBar() 包裹在 clipRRect() 中,但内容没有显示在它后面。同样的行为也发生在NestedScrollView()s 中的透明SliverAppBar()s。我怎样才能做到这一点?

编辑:这是SliverAppBar() 问题的示例。阴影被应用栏隐藏了。

【问题讨论】:

  • @ghostdeathrider 成功了,谢谢!除了这个 hacky 解决方法之外,没有其他方法可以做到这一点吗?
  • 我不知道。也许它就在那里。我现在也是flutter和学习的新手,所以我不太清楚。很高兴它奏效了。请发布解决方案,以便其他人有问题可以参考。 @Hady
  • @ghostdeathrider 这解决了第一个问题。在NestedScrollView() 中时,我仍然遇到透明 SliverAppBar 不显示其下方内容的问题。有什么办法可以解决吗?感谢您的帮助
  • @Dude 但这不是一个普通的应用栏,它是一个 SliverAppBar。这个页面的结构是一个Scaffold() 小部件,其主体为NestedScrollView() 我在NestedScrollView() 中有SliverAppBar()ListView.builder()。还能用吗?

标签: flutter dart


【解决方案1】:

你可以试试这个:

Scaffold(
            extendBody: true,
            extendBodyBehindAppBar: true,

并在身体内容的顶部和底部添加一点填充,以便在顶部和底部重叠。

【讨论】:

  • 好的,我会试一试,然后告诉你进展如何。谢谢!
  • 如果我使用SliverAppBar(),extendBodyBehindAppBar 会起作用吗?因为我在脚手架中没有AppBar(),而是在NestedScrollView() 中有一个银色应用栏。
  • 您无法避免 SliverAppBar 剪裁您的 SliverList/ListView,但您可以向 SliverList/ListView 添加更多填充,以便为顶部提供更多阴影空间
  • 好的,感谢您的帮助!
猜你喜欢
  • 1970-01-01
  • 2022-11-08
  • 2019-08-05
  • 1970-01-01
  • 1970-01-01
  • 2021-01-31
  • 2018-01-13
  • 1970-01-01
相关资源
最近更新 更多