From 829998568f4e8a44971a9fe7e46a76ec9316cc81 Mon Sep 17 00:00:00 2001 From: Kumar Damani Date: Mon, 18 Feb 2019 16:09:52 -0700 Subject: fixed folder structure --- mobile/navigation/AppNavigator.js | 10 ++++++ mobile/navigation/MainTabNavigator.js | 60 +++++++++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) create mode 100644 mobile/navigation/AppNavigator.js create mode 100644 mobile/navigation/MainTabNavigator.js (limited to 'mobile/navigation') 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 }) => ( + + ), +}; + +const LinksStack = createStackNavigator({ + Links: LinksScreen, +}); + +LinksStack.navigationOptions = { + tabBarLabel: 'Links', + tabBarIcon: ({ focused }) => ( + + ), +}; + +const SettingsStack = createStackNavigator({ + Settings: SettingsScreen, +}); + +SettingsStack.navigationOptions = { + tabBarLabel: 'Settings', + tabBarIcon: ({ focused }) => ( + + ), +}; + +export default createBottomTabNavigator({ + HomeStack, + LinksStack, + SettingsStack, +}); -- cgit v1.2.3