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
+10 -13
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
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
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
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
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
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;