React Native中的Bottom Up抽屉

Question

20

我是React Native的新手。我想创建一个类似于IOS中控制中心的菜单滑块。我认为可以使用react-native-drawer，但该库没有提供从底部打开抽屉的方法。你们能否建议一些实现方式？

- Pankaj Agrawal

3个回答

13

这个库 react-native-modalbox 实现了这种行为。它也跨平台且纯 JavaScript。 https://github.com/maxs15/react-native-modalbox

- Kyle Roach

在这种情况下，这不是你的错，因为问题与主题无关，但请注意，通常情况下，推荐某个工具或库的答案必须在答案本身中展示它如何解决手头的问题。 - Baum mit Augen

2

它怎么是离题的？他定义了一个问题集：菜单滑块，实现从底部打开抽屉。我列出了一个具有从底部打开抽屉功能的库。 - Kyle Roach

他们正在寻求一个非站内资源，这在SO上是不相关的话题。 - Baum mit Augen

7

我基于react-native-drawer编写了react-native-bottom-drawer模块，它是纯javascript编写的，因此适用于IOS和Android。由于仍处于早期阶段，欢迎提出PR。

- Donald P. Morton

1

您的包在npm上未列出。当我尝试安装react-native-bottom-drawer时，实际上安装了https://github.com/rationalappdev/react-native-bottom-drawer。请问您能否使用不同的名称发布您的包？ - Preetam

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jeanpaul62 · Accepted Answer

你所寻找的是Material Design中的Bottom Sheets（可参见示例here），以及iOS中的Action Sheets（更精确地说是定制化的action sheets，例如this one）。

我发现了两个React Native库可以实现Bottom Sheets（仅适用于Android）：

而这个库可以实现自定义的Action Sheets（仅适用于iOS）：

我没有找到任何适用于两个平台的RN库，因此我们只能满足于我们所拥有的。祝好运！

编辑：自从我的回答后，新的软件包已经推出：https://github.com/beefe/react-native-actionsheet。感谢@thibautnoah指出。