Вид не найден Инвариантное Нарушение

Question

Я использую реагирующую навигацию для перехода между страницей входа и регистрации. У меня проблема с просмотром страницы входа.

Я видел это ' Реагирует на собственное нарушение инварианта: просмотр конфигурации ', но я не получил свой ответ.

В App.js -

import Register from './src/pages/Register';

const MainNavigator = createStackNavigator({
  LoginPage : { screen : 'Login'},
  SignUp : {screen : 'Register'}
  }
);

const App = createAppContainer(MainNavigator);

export default App;

В Login.js -

import LoginForm from '../components/LoginForm';

export default class Login extends Component{
    render(){
        const {navigate} = this.props.navigation;
        return(

                <View style = {styles.container}>
                <Logo />
                <LoginForm type="Log In"/>
                <View style = {styles.signupcont}>
                <Text>Not a User</Text>
                <TouchableOpacity>
                <Text style = {styles.signuptxt} 
                      onPress = {() => navigate('SignUp')}>Sign Up</Text>
                </TouchableOpacity>
                </View>
                </View>
        )
    }
}

Я ожидал, что при нажатии на текст он перейдет на страницу «Регистрация», но на нем будет показано «Нарушение инварианта: просмотр конфигурации, не найденной для имени входа».

Answer 1

Экран это не строка, это класс страницы.

import Register from './src/pages/Register';
import Login from >>insert login page path here<<;

const MainNavigator = createStackNavigator({
  LoginPage : { screen : Login},
  SignUp : {screen : Register}
  }
);