Question

我有一个使用react-navigation的react-native应用程序。

我已经使用了一个示例，该示例运行良好，但是当我添加自己的组件时，我收到一条错误消息，它不是组件。

错误消息：

“路由登录屏幕的组件必须是一个反应组件”

有效组件的代码：

class DetailsScreen extends React.Component { render() {
   return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
    <Text>Details Screen</Text>
  </View>);}}

无效的组件代码：

class Login extends React.Component {
 render() {
   return (
    <ImageBackground source={require('./assets/Background.png')} style={styles.background}>
  </ImageBackground>
);}

我当然有进口货，而我做到了：

export default createStackNavigator({   
   Home: { screen: HomeScreen, },
   Details: { screen: DetailsScreen,},
   LoginScreen: { screen: Login,},},
{ initialRouteName: 'Login',});

我完全感到困惑，因为没有功能上的区别，而且说明文件没有提及这一点，也找不到类似的问题

感谢您的阅读时间

Answer 1

Do！

我试图自己对此进行测试以修复它，但突然间它起作用了。查看编辑历史记录后，我发现我已将“导出默认的createStackNavigator”从app.js的中间位置移到底部。

我是.net开发人员，因此根据我的经验，这并不直观

React-native无法将组件识别为组件

1 个答案: