Added correct screens for tabnavigator

This commit is contained in:
M10T 2020-08-09 17:01:25 -04:00
parent 1dfbd095e4
commit 4e62459760
8 changed files with 165 additions and 13 deletions

View File

@ -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 (
<View/>
)
}
function Settings(){
return (
<View/>
)
}
class App extends React.Component {
render() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Home" component={Home} />
<Tab.Screen name="Settings" component={Settings} />
<Tab.Screen name="Calendar" component={Calendar} />
<Tab.Screen name="Polls" component={Poll} />
<Tab.Screen name="Clubs" component={Clubs} />
<Tab.Screen name="More" component={More} />
</Tab.Navigator>
</NavigationContainer>
)

29
app/Calendar.js Normal file
View File

@ -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 (
<View>
</View>
)
}
}
export default Calendar;

29
app/Clubs.js Normal file
View File

@ -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 (
<View>
</View>
)
}
}
export default Clubs;

29
app/Home.js Normal file
View File

@ -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 (
<View>
</View>
)
}
}
export default Home;

29
app/More.js Normal file
View File

@ -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 (
<View>
</View>
)
}
}
export default More;

29
app/Poll.js Normal file
View File

@ -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 (
<View>
</View>
)
}
}
export default Poll;

9
package-lock.json generated
View File

@ -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",

View File

@ -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",