如何使用React Native重现iOS 11地图底部表格

时间:2018-02-15 13:12:20

标签: ios reactjs react-native bottom-sheet

任何人都可以告诉我如何在iOS 11中的新地图应用程序中模仿底页吗?

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

这是一个内容插入的简单滚动视图吗?搜索栏位于底部?

我对iOS编程很新,所以如果有人可以帮我创建这个非常受欢迎的布局。

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

enter image description here

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

它没有被称为任何特殊的东西,但有些人将其称为“卡片”。 Here是如何将底卡实现为Apple Maps的一个很好的教程。

答案 2 :(得分:0)

也许您可以尝试对https://github.com/jeremybarbet/react-native-modalize进行Modalize,以使其能够创建与之类似的所有类型的底页。