diff --git a/App.js b/App.js index 181f3ce..1eb795d 100644 --- a/App.js +++ b/App.js @@ -1,16 +1,35 @@ import { StatusBar } from 'expo-status-bar'; +import 'react-native-gesture-handler'; import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; +import {createAppContainer } from "react-navigation"; +import { NavigationContainer } from '@react-navigation/native'; +import { createStackNavigator } from 'react-navigation-stack'; -export default function App() { - return ( - - Open up App.js to start working on your app! - - - ); + +import HomeScreen from './components/HomeScreen'; +import AboutScreen from './components/AboutScreen'; + + +export default class App extends React.Component { + render() { + return ; + } } +const AppNavigator = createStackNavigator({ + Home: { + screen: HomeScreen + }, + About: { + screen: AboutScreen + } +},{ + initialRouteName: "Home" +}); + +const AppContainer = createAppContainer(AppNavigator); + const styles = StyleSheet.create({ container: { flex: 1, diff --git a/components/AboutScreen.js b/components/AboutScreen.js new file mode 100644 index 0000000..20fd600 --- /dev/null +++ b/components/AboutScreen.js @@ -0,0 +1,16 @@ +import React, { Component } from 'react'; +import { Button, View, Text } from 'react-native'; +import {createAppContainer } from 'react-navigation'; +import { NavigationContainer } from '@react-navigation/native'; +import { createStackNavigator } from 'react-navigation-stack'; + + +export default class Aboutscreen extends Component { + render() { + return ( + + About Screen + + ) + } +} \ No newline at end of file diff --git a/components/HomeScreen.js b/components/HomeScreen.js new file mode 100644 index 0000000..98cdaea --- /dev/null +++ b/components/HomeScreen.js @@ -0,0 +1,19 @@ +import React, { Component } from 'react'; +import { Button, View, Text } from 'react-native'; +import {createAppContainer } from 'react-navigation'; +import { NavigationContainer } from '@react-navigation/native'; +import { createStackNavigator } from 'react-navigation-stack'; + +export default class Homescreen extends Component { + render() { + return ( + + Home Screen +