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

Question

如何使用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. 但是我怎样才能做到这一点，或者我怎样才能自定义按钮标签按下动作？

Answer 1

据说 v2 的文档比 v1 版本差。我正在使用这个包。大多数情况下，我尝试通过查看源代码来解决我无法解决的问题。我必须说它很有用。这有点挑战性，但确实有帮助。值得再次记住；在 React 结构中，一切都是component。有很多方法；（现在想到的是什么）您创建自己的组件并将其连接到底部选项卡。当这个组件被触发时，你可以显示wix的模态或react-native的模态。虽然以上仍然有效；你可以用passProps 来做。但请记住，当您执行此操作时，您链接到底部选项卡的页面也会出现。作为解决方案；您不必使用 Wix 的模态。坦率地说，我不喜欢它，因为我期待 Bootstrap 的模态样式，我使用的是 react-native 自己的模态。这是你的决定。您可以使用我编写的任何一个bottomTab 解决方案，也可以自己创建一个解决方案。Wix为此提供了相当多的可能性。您还可以在模态内添加可触摸按钮，并指定是要打开相机还是画廊。我已经在模块的 repo 中看到了示例代码。如果我无法解释，我可以创建一个示例回购：/