User interface 在Flatter中，如何创建一个像Uber这样的UI，使其中间有地图和AppBar，并导航到不同类型的视图

我是个新手。我正在做一个项目，创建一个像Uber这样的用户界面，在后台有谷歌地图，并且有不同类型的视图，比如全屏地址输入视图（看起来是全屏的，但视图的一部分可以隐藏起来，以显示后面的地图并与之交互）、持久的底部表单和顶部的一些浮动按钮。使用堆栈在地图上放置一张底页并不困难。但是，当涉及到在不同类型的视图之间来回导航，同时将地图保持在背景中并且地图仍然可以触摸时，我不知道如何管理它。有时，它导航2-3倍深，然后返回到第一个底部板材。因此，问题是：

如何实现在不同类型视图之间导航的方法，如首先拉全屏地址视图，输入地址后弹出地址视图，然后拉汽车类型视图，如下面链接上的示例图像所示。按左上角的“后退”按钮将返回“地址”视图

如果您对如何设计此导航流有任何想法，请与我们分享。非常感谢。

更新：发现了这个GitHub存储库，它演示了如何实现类似Uber的UI。我正在查。

---

对于顶部有元素的背景贴图，如您所述，最好使用

堆栈

对于持久性底页，请使用

对于浮动按钮，使用

对于底部工作表之间的导航，您可能需要了解有关此插件的更多信息。它正是你所需要的。检查“带内部导航的Cupertino模式”。
对于顶部有元素的背景地图，如您所述，最好使用
堆栈

对于持久性底页，请使用

对于浮动按钮，使用

对于底部工作表之间的导航，您可能需要了解有关此插件的更多信息。它正是你所需要的。检查“带内部导航的Cupertino模式”。
你好，Bilaal，谢谢回复。据我所知，推送路线将显示全屏页面，覆盖谷歌地图屏幕，无法与地图交互。如何将地图保持在背景中，并在底部工作表之间导航？谢谢。啊，好的，编辑了ans。检查：）谢谢。这看起来不错。但它们都是阻止所有背景交互的模式底片？干杯你可以把一个容器放在模型的底部，给它一个固定的高度。这样它就不会占用整个屏幕，而是可以随意使用它。非常感谢。如果我有不同类型的视图来来回导航，例如，首先显示全屏地址输入视图，然后显示摘要底部视图，如我文章中所附图片所示。左上角有一个浮动后退按钮，允许用户返回全屏地址视图。如何实现浮动后退按钮在两种不同类型的视图之间导航？谢谢你好，比拉尔，谢谢你的回复。据我所知，推送路线将显示全屏页面，覆盖谷歌地图屏幕，无法与地图交互。如何将地图保持在背景中，并在底部工作表之间导航？谢谢。啊，好的，编辑了ans。检查：）谢谢。这看起来不错。但它们都是阻止所有背景交互的模式底片？干杯你可以把一个容器放在模型的底部，给它一个固定的高度。这样它就不会占用整个屏幕，而是可以随意使用它。非常感谢。如果我有不同类型的视图来来回导航，例如，首先显示全屏地址输入视图，然后显示摘要底部视图，如我文章中所附图片所示。左上角有一个浮动后退按钮，允许用户返回全屏地址视图。如何实现浮动后退按钮在两种不同类型的视图之间导航？非常感谢。