diff options
| author | Kumar Damani <kumar.damani@mail.utoronto.ca> | 2019-02-18 23:36:19 +0000 |
|---|---|---|
| committer | Kumar Damani <kumar.damani@mail.utoronto.ca> | 2019-02-18 23:36:19 +0000 |
| commit | 2f628cab394e05e6c7f61cbdd7aaa5364bd57e93 (patch) | |
| tree | 6b2aca0ff9ffc88fff322ed0d31f971c5a157b62 /mobile/navigation/MainTabNavigator.js | |
| parent | 1534f3103d1381d14f899c28904d98b662c83cb8 (diff) | |
| parent | e29d2e6c05f9fb2e6b630fed48904943625ad358 (diff) | |
pulling in latest master
Diffstat (limited to 'mobile/navigation/MainTabNavigator.js')
| -rw-r--r-- | mobile/navigation/MainTabNavigator.js | 60 |
1 files changed, 60 insertions, 0 deletions
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, +}); |
