2017-05-01 88 views
1

我試圖在我的應用程序內部實現React-Navigation。 我去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 } 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" 
    } 
}); 

我在做什麼錯?

回答

0

在索引中,您打電話Login: { screen: LoginScreen },但LoginScreen未定義?在使用之前,您需要導入LoginScreen。

你對RegisterScreen也是這樣,你也必須導入它。另外,你似乎有一個流浪'L'? Register: {screen: RegisterScreen}l

我建議設置棉絨。它會讓你很快地發現基本的錯誤。

+0

謝謝,但問題仍然保持不變。 –

0

搞定了,需要更改index.jsapp.js

相關問題