Advertisement
Guest User

Olololo

a guest
Feb 21st, 2019
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2. import { Platform } from 'react-native';
  3. import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';
  4.  
  5. import TabBarIcon from '../components/TabBarIcon';
  6. import HomeScreen from '../screens/HomeScreen';
  7. import RoomScreen from '../screens/RoomScreen/RoomScreen';
  8. import ServicesScreen from '../screens/ServicesScreen';
  9. import FeedScreen from '../screens/FeedScreen';
  10. import QuestionsScreen from '../screens/QuestionsScreen';
  11. import Colors from '../constants/Colors';
  12.  
  13. const HomeStack = createStackNavigator({
  14.   Home: HomeScreen,
  15.   Room: RoomScreen
  16. });
  17.  
  18. HomeStack.navigationOptions = {
  19.   tabBarLabel: "Домой",
  20.   tabBarIcon: ({ focused }) => (
  21.     <TabBarIcon
  22.       focused={focused}
  23.       name={ Platform.OS === 'ios' ? 'ios-home' : 'md-home' }
  24.     />
  25.   ),
  26. };
  27.  
  28. const FeedStack = createStackNavigator({
  29.   Feed: FeedScreen,
  30.   Questions: QuestionsScreen
  31. });
  32.  
  33. FeedStack.navigationOptions = {
  34.   tabBarLabel: 'Лента',
  35.   tabBarIcon: ({ focused }) => (
  36.     <TabBarIcon
  37.       focused={focused}
  38.       name={ Platform.OS === 'ios' ? 'ios-notifications' : 'md-notifications' }
  39.     />
  40.   ),
  41. };
  42.  
  43. const ServicesStack = createStackNavigator({
  44.   Services: ServicesScreen,
  45. });
  46.  
  47. ServicesStack.navigationOptions = {
  48.   tabBarLabel: 'Сервисы',
  49.   tabBarIcon: ({ focused }) => (
  50.     <TabBarIcon
  51.       focused={focused}
  52.       name={ Platform.OS === 'ios' ? 'ios-cart' : 'md-cart' }
  53.     />
  54.   ),
  55. };
  56.  
  57. const LKStack = createStackNavigator({
  58.   LK: HomeScreen,
  59. });
  60.  
  61. LKStack.navigationOptions = {
  62.   tabBarLabel: 'Кабинет',
  63.   tabBarIcon: ({ focused }) => (
  64.     <TabBarIcon
  65.       focused={focused}
  66.       name={ Platform.OS === 'ios' ? 'ios-contact' : 'md-contact' }
  67.     />
  68.   ),
  69. };
  70.  
  71. export default createBottomTabNavigator({
  72.   HomeStack,
  73.   FeedStack,
  74.   ServicesStack,
  75.   LKStack
  76. },
  77. {
  78.   tabBarOptions: {
  79.     style: {
  80.       backgroundColor: Colors.tabBar,
  81.       height: 60
  82.     },
  83.     showLabel: false
  84.   }
  85.  
  86. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement