如何使用 React Native 重现 iOS 11 地图底页

Question

谁能告诉我如何在 iOS 11 的新地图应用中模仿底部表格？

在 android 中，您可以使用模仿这种行为的“BottomSheet”，但我在 iOS 上找不到类似的东西。

这是一个带有内容插入的简单滚动视图吗？这样搜索栏就在底部？

我对 iOS 编程相当陌生，所以如果有人可以帮助我创建这个布局，将不胜感激。

这就是我所说的“底页”：

Answer 1

我认为这是一个老问题，但对于任何在这个问题上苦苦挣扎的人来说。你可以使用这个模块https://github.com/wix/react-native-interactable。这是演示

https://github.com/wix/react-native-interactable/blob/master/playground/src/real-life-examples/MapPanel.js

Answer 2

也许你可以试试 Modalize https://github.com/jeremybarbet/react-native-modalize 我一直在努力，以便能够创建各种类似的底片。

Answer 3

它没有什么特别的名字，但有些人称它为“卡片”。 Here 是一个很好的教程，介绍了如何将底部卡片实现为 Apple 地图。