@fountain-ui/lab 1.9.2 → 1.12.0

package/src/ViewPager/ChildrenMemoizedPage.tsx

@@ -22,6 +22,10 @@ export default React.memo(Page, (prevProps, nextProps) => {
         return false;
     }
 
+    if (prevProps.style !== nextProps.style) {
+        return false;
+    }
+
     if (prevProps.rerenderKey !== nextProps.rerenderKey) {
         return false;
     }

package/src/ViewPager/ViewPagerWeb.tsx

@@ -4,7 +4,11 @@ import type ViewPagerProps from './ViewPagerProps';
 import { defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
 
 const styles = StyleSheet.create({
-    root: { position: 'relative' },
+    root: {
+        // @ts-ignore
+        overflow: 'auto',
+        position: 'relative',
+    },
     none: { display: 'none' },
 });
 
@@ -29,13 +33,11 @@ export default function ViewPager(props: ViewPagerProps) {
 
     return (
         <View style={[styles.root, style]}>
-            {React.Children.map(renderer(children), (child, i) => (
-                <View
-                    key={i}
-                    style={i !== index ? styles.none : StyleSheet.absoluteFill}
-                    children={child}
-                />
-            ))}
+            {React.Children.map(renderer(children), (child, i) =>
+                React.cloneElement(child as React.ReactElement, {
+                    style: i !== index ? styles.none : StyleSheet.absoluteFill,
+                }),
+            )}
         </View>
     );
 };