如何在 React-Native 中创建 Action-Sheet/Bottom-Sheet 样式的抽屉？答案

【问题标题】：How to create an Action-Sheet/Bottom-Sheet style drawer in React-Native?如何在 React-Native 中创建 Action-Sheet/Bottom-Sheet 样式的抽屉？
【发布时间】：2018-12-16 21:00:20
【问题描述】：

我想要一些关于如何在 React-Native 中创建操作表/底部表样式抽屉的指导，以便我可以为 iOS 和 Android 使用单个代码库。

我尝试使用动画 Spring API。但是，我无法将弹簧的位置从原始位置（抽屉关闭时）更改为顶部位置（抽屉打开时）。因此，如果用户没有完成手势，菜单会在任一状态下返回到其原始位置，而不是底部的原始位置。

此外，类似问题的许多其他答案都建议使用他们自己的或 GitHub/NPM 上的其他一些包。

我想自己制作以保持较小的依赖关系。我也考虑过使用 React-Navigation，但我似乎找不到任何适合我用例的东西。

【问题讨论】：

什么是底页样式抽屉？举个例子会有所帮助。
这可能会有所帮助：stackoverflow.com/questions/48808157/…

标签： javascript react-native react-animated react-navigation-drawer

【解决方案1】：

react-native-action-sheet 如果您希望尽可能接近 Action Sheets 的原生版本，那就太好了。

https://github.com/expo/react-native-action-sheet

【讨论】：