fix: memoize tabbar in example so it doesn't flicker

PedroBern · Feb 5, 2021 · eeb94cc · eeb94cc
1 parent 6cfdaf4
commit eeb94cc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/example/src/DynamicTabs.tsx b/example/src/DynamicTabs.tsx
@@ -53,13 +53,18 @@ const DynamicTabs: ExampleComponentType = () => {
     )
   }
 
+  const TabBarComponent = React.useCallback(
+    (props) => <MaterialTabBar {...props} scrollEnabled />,
+    []
+  )
+
   return (
     <Tabs.Container
       headerHeight={HEADER_HEIGHT}
       HeaderComponent={HeaderComponent}
       lazy
       onIndexChange={setCurrentTab}
-      TabBarComponent={(props) => <MaterialTabBar {...props} scrollEnabled />}
+      TabBarComponent={TabBarComponent}
     >
       {tabs.map((name) => {
         return (