React Native, Android, undefined is not an object (evaluating 'this.props.navigator.push') with TouchableHighlight

Question

react native 中的 iam new 这是我在其中的第一个项目，我的问题是当我尝试启动另一个屏幕以 react native 时出现此错误 :undefined 不是对象（正在评估 'this.props.navigator.push'）我不知道为什么，因为我对 React Native 没有任何经验
这是我的代码，如果有人知道的话！

    class loginApp extends Component {
  render() {
        return (
            <View style={styles.container}>
                <Text style={styles.title}>
                     Welcome Sign Up Here
                </Text>
                <View>

                    <TextInput
                        placeholder="Name"
                        style={styles.formInput}
                         />
                    <TextInput
                        placeholder="Password"
                        secureTextEntry={true}
                        style={styles.formInput}
                        />
                        <TextInput
                        placeholder="UserName"
                        style={styles.formInput}
                         />
                           <TextInput
                        placeholder="Email"
                        style={styles.formInput}
                         />
                    <TouchableHighlight onPress={this.onPress.bind(this)}  style={styles.button}>
                        <Text style={styles.buttonText}>Submit</Text>
                    </TouchableHighlight>        
                </View>
            </View>
        );
    }
    onPress()  {
  this.props.navigator.push({
     title: "Secure Page",
     component: SecureView,
  });
}; 
};

Answer 1

您的 props 不包含 navigator 对象。确保在创建 loginApp 实例时提供 navigator 对象。您可以使用以下代码确保您已通过 navigator：

class loginApp extends Component{

  constructor(props){
    super(props);

    console.log(props.navigator) // <- this will print in console if you are passing a navigator object.
  }

  ...
}

React Native, Android, undefined is not an object (evaluating 'this.props.navigator.push') with TouchableHighlight

React Native, Android, undefined is not an object (evaluating 'this.props.navigator.push') with TouchableHighlight

android

react-native

react-native-android