3 screen create and navigation setup

App.js

@@ -1,25 +1,13 @@
 import React, { Component } from 'react';
-import { StyleSheet, View,Alert } from 'react-native';
-import Indicator from './components/ActivityinCator';
-import ButtonComponent from './components/ButtonComponet';
-import Card from './components/Container';
+import { StyleSheet, SafeAreaView,Alert } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
 export default class App extends Component {
   render() {
-      const onPressLearnMore = () => {
-        Alert.alert('Button pressed!', 'You pressed the Learn More button.');
-        };
     return (
-      <View style={[styles.container, styles.horizontal]}>
-      <Card />
-      <Indicator />
-        <ButtonComponent
-        onPressLearnMore={onPressLearnMore}
-        title="Learn More"
-        color="#841584"
-        accessibilityLabel="Learn more about this purple button"
-      />
-
-      </View>
+      <SafeAreaView style={[styles.container, styles.horizontal]}>
+
+      </SafeAreaView>
     );
   }
 }

index.js

@@ -1,7 +1,6 @@
 /**
  * @format
  */
-
 import { AppRegistry } from 'react-native';
 import App from './App.js';
 import { name as appName } from './app.json';