From ead8cd979cfe17d009bfc45d61858b887ee05bf5 Mon Sep 17 00:00:00 2001
From: Vojtech Novak <vonovak@gmail.com>
Date: Tue, 3 Dec 2019 18:21:06 +0100
Subject: [PATCH] fix: white block when keyboard is open (#227)

closes #206
---
 packages/tabs/src/views/BottomTabBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/tabs/src/views/BottomTabBar.tsx b/packages/tabs/src/views/BottomTabBar.tsx
index f5450e33..db34da13 100644
--- a/packages/tabs/src/views/BottomTabBar.tsx
+++ b/packages/tabs/src/views/BottomTabBar.tsx
@@ -446,6 +446,7 @@ class TabBarBottom extends React.Component<BottomTabBarProps, State> {
       <Animated.View
         style={[
           styles.container,
+          containerStyle,
           keyboardHidesTabBar
             ? {
                 // When the keyboard is shown, slide down the tab bar
@@ -459,10 +460,9 @@ class TabBarBottom extends React.Component<BottomTabBarProps, State> {
                 ],
                 // Absolutely position the tab bar so that the content is below it
                 // This is needed to avoid gap at bottom when the tab bar is hidden
-                position: this.state.keyboard ? 'absolute' : null,
+                position: this.state.keyboard ? 'absolute' : undefined,
               }
             : null,
-          containerStyle,
         ]}
         pointerEvents={
           keyboardHidesTabBar && this.state.keyboard ? 'none' : 'auto'