From 76c6ac73aaf407bbe88737ef345c9205736ad58f Mon Sep 17 00:00:00 2001 From: "Andre Novais Emiliano (novaisea)" Date: Mon, 15 Mar 2021 15:40:09 +0000 Subject: [PATCH] Change Screens Working --- App.js | 33 +- components/AboutScreen.js | 16 + components/HomeScreen.js | 19 + package-lock.json | 8711 +++++++++++++++++++++++++++++++++++++ package.json | 11 +- yarn.lock | 198 +- 6 files changed, 8977 insertions(+), 11 deletions(-) create mode 100644 components/AboutScreen.js create mode 100644 components/HomeScreen.js create mode 100644 package-lock.json 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 +