react-navigation-error.js

import React from "react";
import {
  SafeAreaView,
  View,
  Text,
  StatusBar,
} from "react-native";

import { createAppContainer, createStackNavigator } from "react-navigation";

const Screen1 = () => {
  return (
    <View>
      <Text>Screen1</Text>
    </View>
  );
};

const Screen2 = () => {
  return (
    <View>
      <Text>Screen1</Text>
    </View>
  );
};

const RootNavigator = createAppContainer(
  createStackNavigator({
    Screen1: {
      screen: Screen1,
    },
    Screen2: {
      screen: Screen2,
    },
  }),
);

const App = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <RootNavigator />
      </SafeAreaView>
    </>
  );
};

export default App;