Réagir Natif de l'Invariant de la Violation: Afficher config

Je suis en train de pratique avec des écrans différents sur une Réagir Natif de projet. Voici mon code de App.js fichier.

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',
  },
});

Quand je lance réagir indigènes de l'exécution android-je obtenir un Invariant Violation qui me dit "pour afficher config pas trouvé ou le nom de la navigation". Et puis tous les sites où cette violation se produit.
De l'aide svp merci.

  • Ce sont ces scripts que vous avez inclus dans le code?
  • Pile Overlfow fait, je ne sais pas
InformationsquelleAutor Quim Baget | 2017-10-15
  1. 127

    Le nom de n'importe quel composant doit être en majuscule. En votre nom, la composante "navigation" n'est pas en majuscule. Il doit être "Navigation".

    • Je vous remercie beaucoup.N'a pas réalisé que la nomination n'était pas seulement une convention ici, mais un problème de syntaxe
    • J'ai eu le même message d'erreur à partir de l'importation de Image de react-native et aussi le fait de déclarer un Image variable de diffusion de mes props.data dans mon render(). Dans le cas où quelqu'un est ici non pas pour la même raison que ci-dessus. Également bon de savoir que les composants doivent être en majuscule!
    • Incroyable...........
    InformationsquelleAutor Kevin mei
  2. 1

    À réagir natif du nom du composant doit commencer avec une lettre majuscule, de sorte qu'il sera:

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

});

    et de l'appeler avec un capital:

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