fix: avoid tab bar flash on keyboard shown

closes #43
react-navigation · Oct 29, 2019 · 0ffc5c6 · 0ffc5c6
1 parent e79e2ab
commit 0ffc5c6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/views/MaterialBottomTabView.tsx b/src/views/MaterialBottomTabView.tsx
@@ -108,8 +108,13 @@ export default class MaterialBottomTabView extends React.Component<Props> {
 
     const isVisible = this._isVisible();
     const extraStyle: ViewStyle | null =
-      typeof isVisible === 'boolean'
-        ? { display: isVisible ? undefined : 'none' }
+      isVisible === false
+        ? {
+            display: 'none',
+            // When keyboard is shown, `position` is set to `absolute` in the library
+            // This somehow breaks `display: 'none'`, so we explcitely override `position`
+            position: undefined,
+          }
         : null;
 
     return (