ネイティブ不変違反に反する：表示設定

Question

私は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を実行すると、私は、「見つからないconfigまたは名前のナビゲーションを表示するには、」私に指示不変違反を取得します。そして、この違反が起こるすべてのサイト。 ヘルプplsありがとう

Answer 1

すべてのコンポーネントの名前は大文字でなければなりません。あなたの名前では、コンポーネント "ナビゲーション"は大文字ではありません。それは "ナビゲーション"でなければなりません。