fix: workaround UI not updating on layout change

satya164 · Nov 17, 2019 · 47747cf · 47747cf
1 parent d368c93
commit 47747cf
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/TabBar.tsx b/src/TabBar.tsx
@@ -271,12 +271,19 @@ export default class TabBar<T extends Route> extends React.Component<
       return;
     }
 
-    this.setState({
-      layout: {
-        height,
-        width,
-      },
-    });
+    // If we don't delay this state update, the UI gets stuck in weird state
+    // Maybe an issue in Reanimated?
+    // https://github.com/react-native-community/react-native-tab-view/issues/877
+    requestAnimationFrame(() =>
+      requestAnimationFrame(() =>
+        this.setState({
+          layout: {
+            height,
+            width,
+          },
+        })
+      )
+    );
   };
 
   private getTranslateX = memoize(