Closes #3545

e2e/ScreenStyle.test.js

@@ -57,14 +57,14 @@ describe('screen style', () => {
     await expect(element(by.text('TeSt'))).toBeVisible();
   });
 
-  test('hide Tab Bar', async () => {
+  test(':android: hide Tab Bar', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeVisible();
     await elementById(testIDs.HIDE_BOTTOM_TABS_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeNotVisible();
   });
 
-  test('show Tab Bar', async () => {
+  test(':android: show Tab Bar', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await elementById(testIDs.HIDE_BOTTOM_TABS_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeNotVisible();
@@ -72,6 +72,14 @@ describe('screen style', () => {
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeVisible();
   });
 
+  test('hide Tab Bar on push', async () => {
+    await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
+    await elementById(testIDs.HIDE_BOTTOM_TABS_ON_PUSH_BUTTON).tap();
+    await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeNotVisible();
+    await elementById(testIDs.POP_BUTTON).tap();
+    await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeVisible();
+  });
+
   test('side menu visibility - left', async () => {
     await elementById(testIDs.TAB_BASED_APP_SIDE_BUTTON).tap();
     await elementById(testIDs.SHOW_LEFT_SIDE_MENU_BUTTON).tap();

lib/ios/RNNBottomTabsOptions.h

@@ -3,7 +3,6 @@
 @interface RNNBottomTabsOptions : RNNOptions
 
 @property (nonatomic, strong) NSNumber* visible;
-@property (nonatomic, strong) NSNumber* animate;
 @property (nonatomic, strong) NSNumber* currentTabIndex;
 @property (nonatomic, strong) NSString* testID;
 @property (nonatomic, strong) NSNumber* drawBehind;

lib/ios/RNNBottomTabsOptions.m

@@ -13,12 +13,6 @@ extern const NSInteger BLUR_TOPBAR_TAG;
 		[(RNNTabBarController*)viewController.tabBarController setSelectedIndexByComponentID:self.currentTabId];
 	}
 	
-	if (self.visible) {
-		[((RNNTabBarController *)viewController.tabBarController) setTabBarHidden:![self.visible boolValue] animated:[self.animate boolValue]];
-	} else {
-		[((RNNTabBarController *)viewController.tabBarController) setTabBarHidden:NO animated:NO];
-	}
-	
 	if (self.testID) {
 		viewController.tabBarController.tabBar.accessibilityIdentifier = self.testID;
 	}

playground/src/screens/PushedScreen.js

@@ -24,6 +24,9 @@ class PushedScreen extends Component {
       },
       layout: {
         backgroundColor: '#f5fcff'
+      },
+      bottomTabs: {
+        visible: false
       }
     };
   }

playground/src/screens/TextScreen.js

@@ -30,6 +30,7 @@ class TextScreen extends Component {
         <Button title={'Switch To Tab 1 by componentID'} testID={testIDs.SWITCH_FIRST_TAB_BUTTON} onPress={() => this.onClickSwitchToTabByComponentID()} />
         <Button title='Hide Tab Bar' testID={testIDs.HIDE_BOTTOM_TABS_BUTTON} onPress={() => this.hideTabBar(false)} />
         <Button title='Show Tab Bar' testID={testIDs.SHOW_BOTTOM_TABS_BUTTON} onPress={() => this.hideTabBar(true)} />
+        <Button title='Hide Tab Bar on Push' testID={testIDs.HIDE_BOTTOM_TABS_ON_PUSH_BUTTON} onPress={() => this.hideTabBarOnPush()} />
         <Button title='Show Left Side Menu' testID={testIDs.SHOW_LEFT_SIDE_MENU_BUTTON} onPress={() => this.showSideMenu('left')} />
         <Button title='Show Right Side Menu' testID={testIDs.SHOW_RIGHT_SIDE_MENU_BUTTON} onPress={() => this.showSideMenu('right')} />
         <Button title='Push' testID={testIDs.PUSH_BUTTON} onPress={this.onClickPush} />
@@ -96,6 +97,14 @@ class TextScreen extends Component {
     });
   }
 
+  hideTabBarOnPush() {
+    Navigation.push(this.props.componentId, {
+      component: {
+        name: 'navigation.playground.PushedScreen'
+      }
+    });
+  }
+
   showSideMenu(side) {
     Navigation.mergeOptions(this.props.componentId, {
       sideMenu: {

playground/src/testIDs.js

@@ -69,7 +69,8 @@ module.exports = {
   SHOW_PREVIEW_BUTTON: `SHOW_PREVIEW_BUTTON`,
   SHOW_TOPBAR_SEARCHBAR: `SHOW_TOPBAR_SEARCHBAR`,
   SEARCH_RESULT_ITEM: `SEARCH_RESULT_ITEM`,
-
+  HIDE_BOTTOM_TABS_ON_PUSH_BUTTON: `HIDE_BOTTOM_TABS_ON_PUSH_BUTTON`,
+  
   // Elements
   SCROLLVIEW_ELEMENT: `SCROLLVIEW_ELEMENT`,
   BOTTOM_TABS_ELEMENT: `BOTTOM_TABS_ELEMENT`,