React Native Invariant Violation: View config

Question

I\'m trying to practice with different screens on a React Native project. Here\'s my code from App.js file.

import React, { Component } from \'react\';
impor         


        

Answer 1

The name of any component must be capitalized. In your name, the component "navigation" is not capitalized. It should be "Navigation".

Answer 2

In react native the component's name should begin with capital letter, so it will be:

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

});

and call it with capital:

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