From 4e62459760da1aa95b6bef211cb39b0d7ea7818c Mon Sep 17 00:00:00 2001 From: M10T Date: Sun, 9 Aug 2020 17:01:25 -0400 Subject: [PATCH] Added correct screens for tabnavigator --- app/App.js | 23 ++++++++++------------- app/Calendar.js | 29 +++++++++++++++++++++++++++++ app/Clubs.js | 29 +++++++++++++++++++++++++++++ app/Home.js | 29 +++++++++++++++++++++++++++++ app/More.js | 29 +++++++++++++++++++++++++++++ app/Poll.js | 29 +++++++++++++++++++++++++++++ package-lock.json | 9 +++++++++ package.json | 1 + 8 files changed, 165 insertions(+), 13 deletions(-) create mode 100644 app/Calendar.js create mode 100644 app/Clubs.js create mode 100644 app/Home.js create mode 100644 app/More.js create mode 100644 app/Poll.js diff --git a/app/App.js b/app/App.js index 8d05c54..da26697 100644 --- a/app/App.js +++ b/app/App.js @@ -27,27 +27,24 @@ import { import { NavigationContainer } from '@react-navigation/native' import { createBottomTabNavigator } from '@react-navigation/bottom-tabs' +import Home from './Home' +import Calendar from './Calendar' +import Poll from './Poll' +import Clubs from './Clubs' +import More from './More' + const Tab = createBottomTabNavigator(); -function Home(){ - return ( - - ) -} - -function Settings(){ - return ( - - ) -} - class App extends React.Component { render() { return ( - + + + + ) diff --git a/app/Calendar.js b/app/Calendar.js new file mode 100644 index 0000000..9de683f --- /dev/null +++ b/app/Calendar.js @@ -0,0 +1,29 @@ +import React from 'react'; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, +} from 'react-native'; + +import { + Header, + LearnMoreLinks, + Colors, + DebugInstructions, + ReloadInstructions, +} from 'react-native/Libraries/NewAppScreen'; + +class Calendar extends React.Component { + render() { + return ( + + + + ) + } +} + +export default Calendar; \ No newline at end of file diff --git a/app/Clubs.js b/app/Clubs.js new file mode 100644 index 0000000..4a4be34 --- /dev/null +++ b/app/Clubs.js @@ -0,0 +1,29 @@ +import React from 'react'; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, +} from 'react-native'; + +import { + Header, + LearnMoreLinks, + Colors, + DebugInstructions, + ReloadInstructions, +} from 'react-native/Libraries/NewAppScreen'; + +class Clubs extends React.Component { + render() { + return ( + + + + ) + } +} + +export default Clubs; \ No newline at end of file diff --git a/app/Home.js b/app/Home.js new file mode 100644 index 0000000..2d388e6 --- /dev/null +++ b/app/Home.js @@ -0,0 +1,29 @@ +import React from 'react'; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, +} from 'react-native'; + +import { + Header, + LearnMoreLinks, + Colors, + DebugInstructions, + ReloadInstructions, +} from 'react-native/Libraries/NewAppScreen'; + +class Home extends React.Component { + render() { + return ( + + + + ) + } +} + +export default Home; \ No newline at end of file diff --git a/app/More.js b/app/More.js new file mode 100644 index 0000000..5f9da38 --- /dev/null +++ b/app/More.js @@ -0,0 +1,29 @@ +import React from 'react'; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, +} from 'react-native'; + +import { + Header, + LearnMoreLinks, + Colors, + DebugInstructions, + ReloadInstructions, +} from 'react-native/Libraries/NewAppScreen'; + +class More extends React.Component { + render() { + return ( + + + + ) + } +} + +export default More; \ No newline at end of file diff --git a/app/Poll.js b/app/Poll.js new file mode 100644 index 0000000..71cc40a --- /dev/null +++ b/app/Poll.js @@ -0,0 +1,29 @@ +import React from 'react'; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, +} from 'react-native'; + +import { + Header, + LearnMoreLinks, + Colors, + DebugInstructions, + ReloadInstructions, +} from 'react-native/Libraries/NewAppScreen'; + +class Poll extends React.Component { + render() { + return ( + + + + ) + } +} + +export default Poll; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 87af6a4..3260be0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2354,6 +2354,15 @@ "nanoid": "^3.1.12" } }, + "@react-navigation/stack": { + "version": "5.9.0", + "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-5.9.0.tgz", + "integrity": "sha512-kt6M0ZLMyNKXfKi50n01bHg4/d8zp0Yh5QaQG4d1roWOqdV9ou1nFEK4l2yQ6XKH2lLSYswHElPDZUuWd+6XzA==", + "requires": { + "color": "^3.1.2", + "react-native-iphone-x-helper": "^1.2.1" + } + }, "@sinonjs/commons": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.1.tgz", diff --git a/package.json b/package.json index 1786a50..c8f61e5 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "dependencies": { "@react-navigation/bottom-tabs": "^5.8.0", "@react-navigation/native": "^5.7.3", + "@react-navigation/stack": "^5.9.0", "react": "16.13.1", "react-native": "0.63.2", "react-native-gesture-handler": "^1.7.0",