堆栈导航器无法正常工作

时间:2018-07-05 11:38:59

标签: reactjs

使用stacknavigater时,显示错误

  

”未定义不是   对象(评估“ _this2.props.navigation.navigate”)

1-import {createStackNavigator} from'reactive-navigation';
添加onPress事件时显示错误

1 个答案:

答案 0 :(得分:0)

您不需要导入任何内容。 Jist通过createStackNavigator定义路由。

export default createStackNavigator({
  Home: {
    screen: Home
  },
});

反应导航通过道具提供API。 您需要使用道具进行运输。

使用导航道具。 this.props.navigation.navigate(“首页”) 是例子。

render() {
  const { navigate } = this.props.navigation
  return (
    <Button title="press" onPress ={() => navigate("Home")}/>

我建议通过consolr.log(this.props)确认您的道具

通过stackNavigator定义路由。

阅读此“在屏幕之间移动” https://reactnavigation.org/docs/en/navigating.html