如何使用 React Native 重现 iOS 11 地图底部表格 [英] How to reproduce iOS 11 maps bottom sheet with React Native

问题描述

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

Can anyone tell me how I can mimic the bottom sheet in the new maps app in iOS 11?

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

In android you can use a "BottomSheet", which mimics this behaviour, but I could not find anything like that for iOS.

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

Is that a simple scroll view with a content inset? So that the search bar is at the bottom?

我对 iOS 编程还很陌生，所以如果有人能帮助我创建这个布局，我将不胜感激.

I am fairly new to iOS programming so if someone could help me creating this layout that would be highly appreciated.

这就是我所说的底页":

This is what I mean by "bottom sheet":

推荐答案

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

I see this is old an question but for anyone struggling with this issue. you can use this module https://github.com/wix/react-native-interactable. Here is demo

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

这篇关于如何使用 React Native 重现 iOS 11 地图底部表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！