StackNavigation 找不到屏幕？答案

【问题标题】：StackNavigation unable to find the screen?StackNavigation 找不到屏幕？
【发布时间】：2021-01-06 20:27:42
【问题描述】：

在编写演示堆栈导航应用程序时，我在模拟器上遇到错误说明 " Route 'Main' 应该声明一个屏幕。例如：

从'./MyScreen'导入我的屏幕； ... 主要的： { 屏幕：我的屏幕， } C:\RN\blog\node_modules\react-navigation\src\routers\validateRouteConfigMap.js:23:8 validateRouteConfigMap 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>
        );
    }
}

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

也许这是进口的问题。尝试删除 import MainScreen from './src/screens/MainScreen'; 来自 App.js 或其他任何地方。它应该可以工作。

【讨论】：

【解决方案2】：

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

【讨论】：

嘿，我现在添加了 MainScreen 代码
从 App.js 或任何位置删除 import MainScreen from './src/screens/MainScreen'; 。它应该可以工作。