fix: swiper onlayout

hippy-contrib · May 11, 2024 · 91b5822 · 91b5822
1 parent 80d63e3
commit 91b5822
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/hippy_ui_react/src/components/Swiper/PropsType.tsx b/packages/hippy_ui_react/src/components/Swiper/PropsType.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ViewStyle, GenericStyleProp } from '@hippy/react';
+import { ViewStyle, GenericStyleProp, LayoutEvent } from '@hippy/react';
 import { IndicatorProps } from '../Indicator/PropsType';
 
 export interface ScrollEvent {
@@ -21,6 +21,8 @@ export interface SwiperProps {
   children: ReactNode[];
   /** 页码改变时会触发 change 事件 */
   onChange?: (index: number) => void;
+  /** 布局回调事件 */
+  onLayout?: (layoutEvent: LayoutEvent) => void;
   /** 开始拖拽时触发 事件 */
   onScrollBeginDrag?: (event?: ScrollEvent) => void;
   /** 结束拖拽时触发 事件 */

diff --git a/packages/hippy_ui_react/src/components/Swiper/index.tsx b/packages/hippy_ui_react/src/components/Swiper/index.tsx
@@ -426,7 +426,7 @@ export class Swiper extends Component<SwiperProps, SwiperState> {
   };
 
   render() {
-    const { style, scrollEnabled, autoScrollWidth, onScrollBeginDrag, onScrollEndDrag } = this.props;
+    const { style, scrollEnabled, autoScrollWidth, onScrollBeginDrag, onScrollEndDrag, onLayout } = this.props;
     return (
       <>
         <ScrollView
@@ -435,6 +435,7 @@ export class Swiper extends Component<SwiperProps, SwiperState> {
             this.refWrap = c;
           }}
           onLayout={(e) => {
+            onLayout?.(e);
             this.wrapWidth = e.layout.width;
           }}
           horizontal={true}