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

Posted 2023-03-10

【中文标题】如何使用 React Native 重现 iOS 11 地图底页

【英文标题】：How to reproduce iOS 11 maps bottom sheet with React Native

【发布时间】：2018-02-15 13:12:19

【问题描述】：

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

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

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

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

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

【参考方案1】：

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

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

【参考方案2】：

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

【参考方案3】：

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

【讨论】：

但是如何在 ReactNative 中实现呢？