From e18f7025a8ccb47e50b45d420c51663043465019 Mon Sep 17 00:00:00 2001 From: Boris Yankov Date: Thu, 21 Jun 2018 02:31:19 +0300 Subject: [PATCH] navigation: Update `MainTabs` creation Replace `TabNavigator` constructor with `createMaterialTopTabNavigator` creator function which is the one that matched the old behavior. Note: While `createBottomTabNavigator` sounds like what we might need, it is a simpler navigator compared to what we were using and actually `createMaterialTopTabNavigator` is the correct one. --- src/main/MainTabs.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/main/MainTabs.js b/src/main/MainTabs.js index d88f5ea5696..7732486d10c 100644 --- a/src/main/MainTabs.js +++ b/src/main/MainTabs.js @@ -1,7 +1,7 @@ /* @flow strict-local */ import React from 'react'; import { Platform } from 'react-native'; -import { TabNavigator, TabBarBottom } from 'react-navigation'; +import { createMaterialTopTabNavigator } from 'react-navigation'; import type { TabNavigationOptionsPropsType } from '../types'; import tabsOptions from '../styles/tabs'; @@ -14,7 +14,7 @@ import { OwnAvatar } from '../common'; import IconUnreadConversations from '../nav/IconUnreadConversations'; import ProfileCard from '../account-info/ProfileCard'; -export default TabNavigator( +export default createMaterialTopTabNavigator( { home: { screen: HomeTab, @@ -62,7 +62,6 @@ export default TabNavigator( }, { backBehavior: 'none', - tabBarComponent: TabBarBottom, tabBarPosition: 'bottom', ...tabsOptions({ showLabel: !!Platform.isPad,