React Native页面跳转报错Undefined is not an function

使用react-navigation做页面间跳转报错:Undefined is not an function(evaluating _this2.props.navigation('Chat,{user:'Lucy'}'))

错误原因:

在一个页面中调用了另一个页面中定义的组件,则会出现当前页面的this与跳转动作发生的this不一致,导致跳转动作报错。

解决办法:

在当前页面获取跳转动作调用方法,作为参数传递给跳转动作发生页面的组件。

class ContactScreen extends React.Component {
    render() {
        return (
            <Contact navigation={this.props.navigation.navigate}></Contact>
        );
    }
}
class ContactScreen extends React.Component {
    render() {
        return (
            <View>
                <TouchableWithoutFeedback onPress={() => this.props.navigation('Chat', {user: 'Lucy'})}>
                    <View></View>
                </TouchableWithoutFeedback>
            </View>
        );
    }
}

参考链接:
https://reactnavigation.org/docs/navigators/navigation-prop

发表评论

您的电子邮箱地址不会被公开。