2017-10-15 42 views
13

我試圖用React Native項目上的不同屏幕進行練習。這裏是我的代碼從App.js文件。反應本機不變違規:查看配置

/** 
 
* Sample React Native App 
 
* https://github.com/facebook/react-native 
 
* @flow 
 
*/ 
 

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

 
import { StackNavigator } from 'react-navigation'; 
 

 
class HomeScreen extends React.Component { 
 
    static navigationOptions = { 
 
     title: "welcome", 
 
    }; 
 
    render() { 
 
     return <Text style={{ color: 'black '}}>Hello, Navigation!</Text>; 
 
    } 
 
} 
 

 
const navigation = StackNavigator({ 
 
    Home: { screen: HomeScreen }, 
 

 
}); 
 

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

 
const styles = StyleSheet.create({ 
 
    container: { 
 
    flex: 1, 
 
    justifyContent: 'center', 
 
    alignItems: 'center', 
 
    backgroundColor: '#fff', 
 
    }, 
 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

當我運行反應原生運行Android的,我得到一個不變衝突,它告訴我「來查看未找到的配置或名稱導航」。然後發生這種違規行爲的所有網站。 請幫助謝謝

+0

你在代碼中包含的那些腳本是什麼? – alexdriedger

+0

Stack Overlfow做到了,我不知道 –

回答

35

任何組件的名稱必須大寫。以您的名義,組件「導航」不會大寫。它應該是「導航」。

+0

非常感謝.Didnt意識到命名不僅僅是一個約定,而是一個語法問題 –

+0

我從'react-native'導入'Image'時得到了同樣的錯誤信息,並且還聲明一個'Image'變量將'props.data'擴展到'render()'中。如果有人在這裏不是出於上述相同的原因。也很高興知道組件需要大寫! – Progoogler