地图内容的底页，类似于React Native中的google maps UI

Question

我正在尝试在Android上实现类似于google maps“ explore”的UI布局，（请参阅React Native中的gif）。

在我的UI设计中，我在屏幕底部有应用程序导航选项卡，具有完整的页面地图背景，在选项卡上方有一个“底页”，顶部是一个搜索框组件。请参见下面的UI草图。

我发现了各种看起来很有用的react-native ui组件，但是我无法弄清楚将它们排列在所需布局中的样式。

例如，我正在查看的几个底部组件，rn-bottom-drawer显示的gif类似于我尝试创建的gif，例如this animation，但我找不到实际的代码示例用户界面已创建。例如，同一库example只是在空屏幕上显示底部抽屉。

包装元素和样式的哪种组合将允许我创建所描述的布局？我来自XAML背景，这种布局很容易创建，但是我无法理解如何在React Native中做到这一点。

Answer 1

组件“ reactive-native-swipe-up-down”是可行的。在应用上方滑动即可，但确实有问题。遇到了与您相同的问题，并且没有比今天向下滑动直到现在更好的东西了。