React Native Navigation 子级父级

Question

我一直在尝试制作导航组件，但遇到了错误。

这是我的 StackNavigation 视图的架构：

const App = createStackNavigator({
    Register:{
        screen:Registration,
    },
    Home: {
        screen: SwipeNavigator({

            Home: {
                screen: Record,
                left: 'QRcode',
                right: 'Conv',
                top: 'Profil',

            },

            QRcode: {
                screen: QRcode,
                type:'push'
            },

            Conv: {
                screen: Conversation,
                type:'push'
            },
            Profil: {
                screen: Profil,
                type:'push'
            },



        }),
        navigationOptions: {
            header: null,
        },
    }
});

不幸的是，当我在 SwipeNavigator 中时，我无法去注册。我收到一个错误，表明 this.props.navigation 未定义。

有谁知道我为什么会遇到这个错误以及如何解决它？

提前感谢您的回复

Answer 1

我有一个很好的解决方案来解决所有this.props.navigation 问题:) 我刚刚从另一个问题复制/粘贴了我之前的答案。它解释了如何使用它以及如何使用新的 React Navigation Helper 来完成它。如果您对此有任何疑问，我会在这里为您提供帮助。它只会解决您的整个导航问题。

我创建了一个用于处理导航问题的库，并且还 防止使用 this.props.navigation 道具。

React Navigation Helpers

用法很简单。在您的 App.js 或您的导航器上只需设置 全局级导航器。

import NavigationService from "react-navigation-helpers";


<MainNavigator
  ref={navigatorRef =>
    NavigationService.setGlobalLevelNavigator(navigatorRef)
  }
/>

然后你在你的项目中使用 ANYWHERE 和这个简单的代码段：

NavigationService.navigate("home")

当然，你还是需要导入 NavigationService :)

您可以在库的 README 中找到更详细的文档。如果你 仍有问题，请随时提问，我很乐意为您提供帮助。