以下是我的代码，出现错误：undefined不是对象（正在评估'navigation.navigate'）]]

Question

我是本机的新手，我正在尝试在TouchableOpacity onPress上导航至“注册”屏幕：但是，TypeError：undefined不是对象（正在评估“ navigation.navigate”）

下面是我的代码：

import React from 'react';
import { Text, StyleSheet, TextInput, TouchableOpacity, KeyboardAvoidingView } from 'react-native';

function Regform ({navigation}) {
        return (
            <KeyboardAvoidingView behavior="padding" style={styles.regform}>
                <Text style={styles.welcome}> Welcome! </Text>
                <Text style={styles.header}>Let's begin. Please fill out the information below.</Text>

                <TextInput
                    placeholder="Your name"
                    style={styles.textinput}
                    underlineColorAndroid={'transparent'}
                    onSubmitEditing={() => React.yourdob.focus()} />

                <TextInput
                    placeholder="Your date of birth"
                    style={styles.textinput}
                    underlineColorAndroid={'transparent'}
                    ref={(input) => React.yourdob = input}
                    onSubmitEditing={() => React.youremail.focus()} />

                <TextInput
                    placeholder="Your email"
                    style={styles.textinput}
                    underlineColorAndroid={'transparent'}
                    ref={(input) => React.youremail = input}
                    onSubmitEditing={() => React.passwordInput.focus()} />

                <TextInput
                    placeholder="Your password"
                    style={styles.textinput}
                    secureTextEntry={true}
                    underlineColorAndroid={'transparent'}
                    ref={(input) => React.passwordInput = input} />

                <TouchableOpacity style={styles.button} 
                **onPress={() => navigation.navigate('Login')} >**
                    <Text style={styles.btntext}>Sign up </Text>
                </TouchableOpacity>

            </KeyboardAvoidingView>
        );
    }
export default Regform;

我是本机的新手，我正在尝试在TouchableOpacity onPress上导航到“注册”屏幕：但是，TypeError：undefined不是一个对象（正在评估“ navigation.navigate”），这是我的...] >

Answer 1

react-navigation将navigation对象传递给它的直接子对象。因此，我想Regform不是导航的直接子级。您可以从导航子级的祖先传递导航对象，也可以使用useNavigation。