Merge pull request #851 from thundersdata-frontend/rn-issue

fix: 修复Tabs在涉及到state变动时导致re-render的bug

Author: chj-damon

.changeset/small-years-stare.md

@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-tabs': patch
+---
+
+fix: 修复Tabs在涉及到state变动时导致re-render的bug

packages/react-native-tabs/src/index.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentType, createElement, memo } from 'react';
+import React, { ReactNode } from 'react';
 import { Animated, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import PagerView from 'react-native-pager-view';
 
@@ -14,7 +14,7 @@ const AnimatedPagerView = Animated.createAnimatedComponent<typeof PagerView>(Pag
 
 type Tab = {
   title: string;
-  component: ComponentType<any>;
+  component: ReactNode;
 };
 
 export interface TabsProps {
@@ -113,15 +113,11 @@ export default function Tabs({
             {({ loading }) => {
               if (loading) return renderLazyPlaceholder?.();
 
-              return <SceneComponent {...{ component }} />;
+              return component;
             }}
           </SceneView>
         ))}
       </AnimatedPagerView>
     </Box>
   );
 }
-
-const SceneComponent = memo(<T extends { component: ComponentType<any> }>({ component }: T) => {
-  return createElement(component);
-});