createStackNavigation invariant violation element type is invalid expected a string

Question

Upon creating importing and using createStackNavigation I\'m getting the following error. Any help would be greatly appreciated! Also, this is my first app in react-native so pl

Answer 1

Its the problem with 'export default' and import with {} or without {}.

Change this line

import { MainNavigation } from '../screens/MainNavigator';

to (remove the curly brackets)

import  MainNavigation  from '../screens/MainNavigator';

Answer 2

On the DLLoading_2 page

const AppContainer = createAppContainer(MainNavigation);

• It's okay if you don't have the above code.

 constructor(props) {
    super(props);

    this.state = {};
  }
  .
  .
  .
this.props.navigation.navigate('DlMain')

 <View style={styles.root}>
        <Center />

• Is this necessary?

  MainNavigator.js

const AppContainer = createAppContainer(MainNavigator);

export default AppContainer;