React Native：如何创建从底部调出的菜单？

Question

我正在尝试重新创建以下内容，其中按下按钮时从底部显示菜单，但是从哪里开始丢失。我怎么能这样做？

非常感谢任何指导或见解。

Answer 1

您可以使用this之类的模块作为示例。 IMO可以通过两种方式完成：

1. 使用上面链接的库中的动画幻灯片View。

2. 使用将从底部滑动的Modal组件（它实际上是此组件的默认行为）。请记住在内容之上添加边距，不要将其滑动到屏幕顶部。）

Answer 2

看来这是迄今为止最好的。适用于Android和iOS。

https://github.com/prscX/react-native-bottom-action-sheet

注意：它需要本机模块，因此无法在Expo上使用。

或者，您从NativeBase使用此组件： https://docs.nativebase.io/Components.html#actionsheet-def-headref

仅供参考：我尚未测试react-native-bottom-action-sheet