【问题标题】:Bottom Up drawer in react native [closed]反应原生的自下而上抽屉[关闭]
【发布时间】:2017-05-07 01:00:05
【问题描述】:

我是原生反应的新手。我想在 IOS 中创建一个类似 control center 的菜单滑块。我以为我可以使用react-native-drawer,但图书馆没有提供从底部打开抽屉的方法。你们能提出一些实施方案吗?

【问题讨论】:

    标签: android ios react-native


    【解决方案1】:

    您要查找的内容在 Material Design 中称为 Bottom Sheets(参见 here 示例)和 iOS 中的 Action Sheets(更准确地说是自定义操作表,如 this one)。

    我发现了两个 React Native 库,它们实现了 Bottom Sheets(因此仅适用于 android):

    并且这个库实现了自定义操作表(因此仅适用于 ios):

    我没有找到适用于这两个平台的任何 RN 库,所以我们必须对我们所拥有的感到满意。祝你好运!

    编辑:由于我的回答出现了一个新包:https://github.com/beefe/react-native-actionsheet。感谢@thibautnoah 指出。

    【讨论】:

    【解决方案2】:

    这个库 react-native-modalbox 实现了这种行为。它也是跨平台的纯javascript。

    https://github.com/maxs15/react-native-modalbox

    【讨论】:

    • 在这种情况下,这不是你的错,因为问题是题外话,但请注意,一般来说,推荐某些工具或库的答案必须在答案中展示它如何解决手头的问题本身。
    • 怎么跑题了?他定义了一个问题集:实现从底部打开抽屉的菜单滑块。我列出了一个能够从底部打开抽屉的库。
    • 他们要求提供场外资源,这与 SO 无关。
    【解决方案3】:

    我基于react-native-drawer 制作了这个react-native-bottom-drawer 模块,它是纯javascript,适用于IOS 和Android。

    它处于早期阶段,所以请随时 PR

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多