Flutter:在底部导航栏上显示模态底部表单/替换底部导航栏(无障碍)

2024-02-16

我正在尝试为我自己的 Flutter 应用程序复制一些类似于 Google 地图的功能。同样基于地图,我希望用户能够选择兴趣点并可以选择导航到该位置。

当他们点击“导航”时,我希望底部工作表出现在现有底部导航栏的位置(或顶部),用于基于选项卡的导航。

showModalBottomSheet()这样做,但是它有一个障碍,阻止用户与父视图交互。我需要它,没有障碍。

showBottomSheet()没有障碍物,但它也没有放置在底部导航栏的顶部。

有什么解决方案可以实现此功能吗?我唯一能想到的就是将底部导航栏添加到容器中,该容器将根据用户是否正在导航而显示/隐藏,但我觉得这是一个相当被黑客攻击的解决方案,并且希望有更优雅的东西。

我在下面附上了几张图片:

  • 第一个屏幕截图显示了 iOS 上 Google 地图的标准视图,该视图具有底部导航栏。
  • 第二个屏幕截图显示了“预导航”视图,它是一个底部工作表,放置在底部导航栏的顶部(或代替)。这就是我试图复制的观点。

Use useRootNavigator: true in showBottomModalSheet

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter:在底部导航栏上显示模态底部表单/替换底部导航栏(无障碍) 的相关文章

随机推荐