如何使用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。
有很多方法;(现在想到的是什么)
您创建自己的组件并将其连接到底部选项卡。当这个组件被触发时,你可以显示wix的模态或react-native的模态。
虽然以上仍然有效;你可以用passProps 来做。但请记住,当您执行此操作时,您链接到底部选项卡的页面也会出现。
作为解决方案;
您不必使用 Wix 的模态。坦率地说,我不喜欢它,因为我期待 Bootstrap 的模态样式,我使用的是 react-native 自己的模态。这是你的决定。
您可以使用我编写的任何一个bottomTab 解决方案,也可以自己创建一个解决方案。Wix为此提供了相当多的可能性。
您还可以在模态内添加可触摸按钮,并指定是要打开相机还是画廊。
我已经在模块的 repo 中看到了示例代码。
如果我无法解释,我可以创建一个示例回购:/
添加回答
举报
0/150
提交
取消