aboutsummaryrefslogtreecommitdiff
path: root/mobile/navigation
diff options
context:
space:
mode:
authorKumar Damani <kumar.damani@mail.utoronto.ca>2019-02-18 23:36:19 +0000
committerKumar Damani <kumar.damani@mail.utoronto.ca>2019-02-18 23:36:19 +0000
commit2f628cab394e05e6c7f61cbdd7aaa5364bd57e93 (patch)
tree6b2aca0ff9ffc88fff322ed0d31f971c5a157b62 /mobile/navigation
parent1534f3103d1381d14f899c28904d98b662c83cb8 (diff)
parente29d2e6c05f9fb2e6b630fed48904943625ad358 (diff)
pulling in latest master
Diffstat (limited to 'mobile/navigation')
-rw-r--r--mobile/navigation/AppNavigator.js10
-rw-r--r--mobile/navigation/MainTabNavigator.js60
2 files changed, 70 insertions, 0 deletions
diff --git a/mobile/navigation/AppNavigator.js b/mobile/navigation/AppNavigator.js
new file mode 100644
index 0000000..895062a
--- /dev/null
+++ b/mobile/navigation/AppNavigator.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import { createAppContainer, createSwitchNavigator } from 'react-navigation';
+
+import MainTabNavigator from './MainTabNavigator';
+
+export default createAppContainer(createSwitchNavigator({
+ // You could add another route here for authentication.
+ // Read more at https://reactnavigation.org/docs/en/auth-flow.html
+ Main: MainTabNavigator,
+})); \ No newline at end of file
diff --git a/mobile/navigation/MainTabNavigator.js b/mobile/navigation/MainTabNavigator.js
new file mode 100644
index 0000000..ce7efd1
--- /dev/null
+++ b/mobile/navigation/MainTabNavigator.js
@@ -0,0 +1,60 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';
+
+import TabBarIcon from '../components/TabBarIcon';
+import HomeScreen from '../screens/HomeScreen';
+import LinksScreen from '../screens/LinksScreen';
+import SettingsScreen from '../screens/SettingsScreen';
+
+const HomeStack = createStackNavigator({
+ Home: HomeScreen,
+});
+
+HomeStack.navigationOptions = {
+ tabBarLabel: 'Home',
+ tabBarIcon: ({ focused }) => (
+ <TabBarIcon
+ focused={focused}
+ name={
+ Platform.OS === 'ios'
+ ? `ios-information-circle${focused ? '' : '-outline'}`
+ : 'md-information-circle'
+ }
+ />
+ ),
+};
+
+const LinksStack = createStackNavigator({
+ Links: LinksScreen,
+});
+
+LinksStack.navigationOptions = {
+ tabBarLabel: 'Links',
+ tabBarIcon: ({ focused }) => (
+ <TabBarIcon
+ focused={focused}
+ name={Platform.OS === 'ios' ? 'ios-link' : 'md-link'}
+ />
+ ),
+};
+
+const SettingsStack = createStackNavigator({
+ Settings: SettingsScreen,
+});
+
+SettingsStack.navigationOptions = {
+ tabBarLabel: 'Settings',
+ tabBarIcon: ({ focused }) => (
+ <TabBarIcon
+ focused={focused}
+ name={Platform.OS === 'ios' ? 'ios-options' : 'md-options'}
+ />
+ ),
+};
+
+export default createBottomTabNavigator({
+ HomeStack,
+ LinksStack,
+ SettingsStack,
+});