StackNavigation 找不到屏幕？

Question

在编写演示 stacknavigation 应用程序时，我在模拟器上遇到错误，指出 " 路由 'Main' 应该声明一个屏幕。例如：

从“./MyScreen”导入 MyScreen； ... 主要的： { 屏幕：我的屏幕， } C:\RN\blog\node_modules\react-navigation\src\routers\validateRouteConfigMap.js:23:8 验证路由配置映射 C:\RN\blog\node_modules\react-navigation\src\routers\validateRouteConfigMap.js:18:21 默认 C:\RN\blog\node_modules\react-navigation\src\routers\StackRouter.js:47:25 默认 C:\RN\blog\node_modules\react-navigation\src\navigators\StackNavigator.js:51:29 …… “

为什么会这样我不知道有没有人知道？剩余代码如下

import React from 'react';
import { Text, View } from 'react-native';

import MainScreen from './MainScreen';
import RegisterScreen from './RegisterScreen';
import { StackNavigator } from 'react-navigation';

const ScreenList = StackNavigator({
    Main: {
        screen: MainScreen,
    },
    Register: {
        screen: RegisterScreen,
    },
});

export default ScreenList;

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View
} from 'react-native';
import MainScreen from './src/screens/MainScreen';
import ScreenList from './src/screens/ScreenList';

export default class App extends Component<{}> {
  render() {
    return (
      <View>
        <ScreenList />
       </View>
    );
  }
}

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Card, Button, CardSection } from '../components/common/Index';
import Login from '../components/Login';
import ScreenList from './ScreenList';



export default class MainScreen extends Component {
    render() {
        return (
            <View>
                <Card>
                    <Login />
                </Card>
                <Text>----------------------------------</Text>
                <Card>
                    <CardSection>
                        <Button>Register</Button>
                    </CardSection>
                </Card>
            </View>
        );
    }
}

Answer 1

猜测，可能你还没有导出MainScreen Component.It如果能分享一下mainScreen文件代码会有帮助

Answer 2

可能是进口问题。尝试删除 import MainScreen from './src/screens/MainScreen'; 来自 App.js 或任何地方。应该可以。

StackNavigation 找不到屏幕？

StackNavigation unable to find the screen?

react-native

react-navigation