如何在React-Native中创建一个动作表/底页样式的抽屉?

时间:2018-12-16 21:00:20

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

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

我尝试使用Animated Spring API。但是,我无法将Spring的位置从原始位置(抽屉关闭时)更改为顶部位置(打开时)。因此,如果用户未完成手势,则菜单会在任一状态下返回其原始位置,而不是底部的原始位置。

此外,许多其他类似问题的答案都建议在GitHub / NPM上使用自己的或其他软件包。

我想使自己保持较小的依赖关系。我还考虑过使用React-Navigation,但似乎找不到适合我的用例的东西。

1 个答案:

答案 0 :(得分:1)

如果您希望尽可能地接近操作表的本机版本,那么

react-native-action-sheet很棒。

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