@momo-kits/calendar 0.167.1-duo.2 → 0.167.1-duo.4

package/MonthList.tsx

@@ -6,11 +6,17 @@ import React, {
   useCallback,
   useContext,
   useEffect,
+  useLayoutEffect,
   useMemo,
   useRef,
   useState,
 } from 'react';
-import { FlatList, Platform } from 'react-native';
+import {
+  FlatList,
+  NativeScrollEvent,
+  NativeSyntheticEvent,
+  Platform,
+} from 'react-native';
 import { ContainerContext } from './index';
 import LunarDateConverter from './LunarDateConverter';
 import Month from './Month';
@@ -102,6 +108,32 @@ const MonthList = forwardRef<MonthListRef, MonthListProps>((props, ref) => {
     [selectedDate, getIndexOfMonth],
   );
 
+  // paging keeps the old pixel offset when the width changes (fold, unfold,
+  // rotation), so remember the offset and move back onto the same month
+  const scrollOffset = useRef(Math.max(currentScrollIndex, 0) * size.width);
+  const pageWidth = useRef(size.width);
+
+  useLayoutEffect(() => {
+    const previousWidth = pageWidth.current;
+    pageWidth.current = size.width;
+    if (previousWidth === size.width || previousWidth <= 0) {
+      return;
+    }
+    const page = Math.round(scrollOffset.current / previousWidth);
+    scrollOffset.current = page * size.width;
+    listRef.current?.scrollToOffset({
+      offset: scrollOffset.current,
+      animated: false,
+    });
+  }, [size.width]);
+
+  const onScroll = useCallback(
+    (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+      scrollOffset.current = e.nativeEvent.contentOffset.x;
+    },
+    [],
+  );
+
   const scrollToMonth = useCallback(
     (month: Moment) => {
       const idx = getIndexOfMonth(month);
@@ -211,6 +243,7 @@ const MonthList = forwardRef<MonthListRef, MonthListProps>((props, ref) => {
       showsHorizontalScrollIndicator={false}
       keyExtractor={keyExtractor}
       onScrollToIndexFailed={() => {}}
+      onScroll={onScroll}
       scrollEnabled
       initialNumToRender={3}
       maxToRenderPerBatch={MAX_RENDER_PER_BATCH}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/calendar",
-    "version": "0.167.1-duo.2",
+    "version": "0.167.1-duo.4",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {