fix(swiper):优化闪烁跳动指定位置

Author: huqiaoli

packages/core/src/ImageViewer/index.tsx

@@ -20,10 +20,12 @@ export interface ImageViewerProps extends ViewProps {
   height?: number;
   /** 图像源（远程URL或本地文件资源 */
   src?: string | ImageViewerDataSourceProps[];
+  /** 默认显示第几张图片 */
+  defaultIndex?: number;
 }
 
 function ImageViewer(props: ImageViewerProps) {
-  const { width = 150, height = 150, src = defaultImage, ...others } = props;
+  const { width = 150, height = 150, src = defaultImage, defaultIndex = 0, ...others } = props;
   const [visible, setVisible] = useState(false);
   const [index, setIndex] = useState<number>(0);
   const fadeAnim = useRef(new Animated.Value(0)).current;
@@ -42,7 +44,7 @@ function ImageViewer(props: ImageViewerProps) {
 
   const imgUrl = useMemo(() => {
     if (Array.isArray(src)) {
-      return src[0].url;
+      return src[defaultIndex].url;
     }
     return src;
   }, [src]);

packages/core/src/Swiper/index.tsx

@@ -52,14 +52,13 @@ const Swiper = (porps: SwiperProps) => {
   let timer = useRef<NodeJS.Timeout | undefined>();
   const scrollToRef: any = useRef();
 
-  useEffect(() => {
+  // 设置初始变量
+  const onContentSizeChange = () => {
     if (scrollToRef && scrollToRef.current && index !== 0) {
-      setTimeout(() => {
-        onClickDot(index);
-        scrollToRef.current.scrollTo({ x: width * index, y: 0, animated: true });
-      }, 0);
+      setCurIndex(index);
+      scrollToRef.current.scrollTo({ x: width * index, y: 0, animated: false });
     }
-  }, [scrollToRef, index]);
+  };
 
   // 自动播放
   const autoPlay = useCallback(() => {
@@ -122,6 +121,7 @@ const Swiper = (porps: SwiperProps) => {
           onScrollBeginDrag={onScrollBeginDrag}
           onScrollEndDrag={onScrollEndDrag}
           onMomentumScrollEnd={onMomentumScrollEnd}
+          onContentSizeChange={onContentSizeChange}
         >
           {dataSource.map((item: dataSourceType, index: number) => {
             return (