android - 查看未发现不变违规

我正在使用react-navigation在登录页面和注册页面之间导航。并且在查看登录页面时遇到问题。

我已经看到了这个“ React Native Invariant Violation: View config”，但没有得到答案。

在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>
        )
    }
}

我希望单击文本时会导航到“注册”页面，但显示“不变违反：未找到登录名的视图配置”。

最佳答案

屏幕不是字符串，而是页面类。

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

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