React native 获取：对象，应为：字符串或类/函数

我正在尝试在我的应用程序中实现React导航。 我去了reactnavigation.org并尝试了他们的教程，但我遇到了一个问题：

Element type is invalid, expected string or class/function got: object.

当我从他们的教程中复制代码时，我看不到问题，无论如何，这是我的代码：

索引：

import React from 'react';
import { StackNavigator } from 'react-navigation';

const Stylelist = StackNavigator({
  Login: { screen: LoginScreen },
  Register: {screen: RegisterScreen}l
});

index.ios.js：

import { AppRegistry } from 'react-native';
import Stylelist from './index';

AppRegistry.registerComponent('Stylelist', () => Stylelist);

登录（从未登录）：

import React，{Component}来自'React'；
从“react native”导入{View，StyleSheet，Text，TouchableOpacity}；
导出默认类LoginScreen扩展组件{
render（）{
const{navigate}=this.props.navigation；
返回(
导航（“注册表屏幕”）}>
点击
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
正当化物品：“中心”，
对齐项目：“中心”
}
});

---

我做错了什么？

在您调用的索引中

登录：{screen:LoginScreen}，

但LoginScreen未定义？在使用LoginScreen之前，您需要导入它

对RegisterScreen执行相同的操作，还必须导入它。还有，你好像有个迷路的“l”<代码>寄存器：{screen:RegisterScreen}l

---

我建议设置一个过梁。它将允许您快速捕获基本错误。

在您调用的索引中

登录：{screen:LoginScreen}，

但LoginScreen未定义？在使用LoginScreen之前，您需要导入它

对RegisterScreen执行相同的操作，还必须导入它。还有，你好像有个迷路的“l”<代码>寄存器：{screen:RegisterScreen}l

---

我建议设置一个过梁。它将允许您快速捕获基本错误。

修复了它，需要将

index.js

更改为

app.js
修复了它，需要将
index.js
更改为
app.js
谢谢，但问题还是一样。谢谢，但问题还是一样。
  import React, { Component } from 'react';
  import { View, StyleSheet, Text, TouchableOpacity } from 'react-native';
  export default class LoginScreen extends Component{
    render(){
      const { navigate } = this.props.navigation;
      return(
         <View style={styles.container}>
          <TouchableOpacity onPress={()=>navigate("RegisterScreen")}>
            <Text>
              Click.
            </Text>
          </TouchableOpacity>
         </View>
      );
    }
  }

 const styles = StyleSheet.create({
   container:{
       flex: 1,
       justifyItems: "center",
       alignItems: "center"
     }
 });