为了账号安全,请及时绑定邮箱和手机立即绑定

React native:如何在wix react native导航中单击按钮选项卡时

React native:如何在wix react native导航中单击按钮选项卡时

至尊宝的传说 2021-06-22 11:43:58
如何使用wix react native navigation v2通过单击基于选项卡的应用程序的底部选项卡来打开模式/操作表?目前,我正在使用以下软件包和版本:反应原生:“0.59.8”反应:“16.8.3”反应原生导航:“^ 2.13.2”react-native-image-crop-picker: "^0.24.1"这是我的路线/导航文件 Promise.all([        Foundation.getImageSource("home", 40),        FontAwesome5.getImageSource("user",30),        Feather.getImageSource("camera",25),    ]).then(sources => {        Navigation.setRoot({            root: {                sideMenu: {                    center: {                        bottomTabs: {                            options: {                                bottomTabs: {                                    backgroundColor: 'white',                                    titleDisplayMode: 'alwaysHide'                                },                            },                            children: [                                {                                    stack: {                                        children: [{                                            component: {                                                name: 'HomeScreen',                                                passProps: {                                                    text: 'This is tab 1'   }                                            }                                        }                                    }                                }                                ]                        },                    },                },            }        });    });我想要的是,当用户单击camera选项卡时,它应该打开一个模式/操作表,它将显示他应该从相机胶卷中选择图像还是应该打开相机的选项。为此,我想使用react-native-image-crop-picker. 但是我怎样才能做到这一点,或者我怎样才能自定义按钮标签按下动作?
查看完整描述

2 回答

?
呼唤远方

TA贡献1856条经验 获得超11个赞

据说 v2 的文档比 v1 版本差。我正在使用这个包。大多数情况下,我尝试通过查看源代码来解决我无法解决的问题。我必须说它很有用。这有点挑战性,但确实有帮助。

值得再次记住;在 React 结构中,一切都是component

有很多方法;(现在想到的是什么)

  1. 您创建自己的组件并将其连接到底部选项卡。当这个组件被触发时,你可以显示wix的模态或react-native的模态。

  2. 虽然以上仍然有效;你可以用passProps 来做。但请记住,当您执行此操作时,您链接到底部选项卡的页面也会出现。

作为解决方案;

您不必使用 Wix 的模态。坦率地说,我不喜欢它,因为我期待 Bootstrap 的模态样式,我使用的是 react-native 自己的模态。这是你的决定。

您可以使用我编写的任何一个bottomTab 解决方案,也可以自己创建一个解决方案。Wix为此提供了相当多的可能性。

您还可以在模态内添加可触摸按钮,并指定是要打开相机还是画廊。

我已经在模块的 repo 中看到了示例代码。

如果我无法解释,我可以创建一个示例回购:/


查看完整回答
反对 回复 2021-06-24
  • 2 回答
  • 0 关注
  • 140 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信