@legendapp/list 2.1.0-beta.6 → 2.1.0-beta.7

package/index.d.mts

@@ -125,6 +125,12 @@ interface LegendListSpecificProps<ItemT, TItemType extends string | undefined> {
         index: number;
         viewOffset?: number | undefined;
     };
+    /**
+     * When true, the list initializes scrolled to the last item.
+     * Overrides `initialScrollIndex` and `initialScrollOffset` when data is available.
+     * @default false
+     */
+    initialScrollAtEnd?: boolean;
     /**
      * Component to render between items, receiving the leading item as prop.
      */
@@ -358,6 +364,10 @@ interface InternalState {
     queuedInitialLayout?: boolean | undefined;
     queuedCalculateItemsInView: number | undefined;
     dataChangeNeedsScrollUpdate: boolean;
+    previousData?: readonly unknown[];
+    didColumnsChange?: boolean;
+    didDataChange?: boolean;
+    isFirst?: boolean;
     lastBatchingAction: number;
     ignoreScrollFromMVCP?: {
         lt?: number;

package/index.d.ts

@@ -125,6 +125,12 @@ interface LegendListSpecificProps<ItemT, TItemType extends string | undefined> {
         index: number;
         viewOffset?: number | undefined;
     };
+    /**
+     * When true, the list initializes scrolled to the last item.
+     * Overrides `initialScrollIndex` and `initialScrollOffset` when data is available.
+     * @default false
+     */
+    initialScrollAtEnd?: boolean;
     /**
      * Component to render between items, receiving the leading item as prop.
      */
@@ -358,6 +364,10 @@ interface InternalState {
     queuedInitialLayout?: boolean | undefined;
     queuedCalculateItemsInView: number | undefined;
     dataChangeNeedsScrollUpdate: boolean;
+    previousData?: readonly unknown[];
+    didColumnsChange?: boolean;
+    didDataChange?: boolean;
+    isFirst?: boolean;
     lastBatchingAction: number;
     ignoreScrollFromMVCP?: {
         lt?: number;

package/index.js

@@ -1196,6 +1196,26 @@ function calculateOffsetForIndex(ctx, state, index) {
   return position;
 }
 
+// src/core/checkActualChange.ts
+function checkActualChange(state, dataProp, previousData) {
+  if (!previousData || !dataProp || dataProp.length !== previousData.length) {
+    return true;
+  }
+  const {
+    idCache,
+    props: { keyExtractor }
+  } = state;
+  for (let i = 0; i < dataProp.length; i++) {
+    if (dataProp[i] !== previousData[i]) {
+      return true;
+    }
+    if (keyExtractor ? idCache[i] !== keyExtractor(previousData[i], i) : dataProp[i] !== previousData[i]) {
+      return true;
+    }
+  }
+  return false;
+}
+
 // src/utils/setPaddingTop.ts
 function setPaddingTop(ctx, state, { stylePaddingTop, alignItemsPaddingTop }) {
   if (stylePaddingTop !== void 0) {
@@ -1530,7 +1550,11 @@ function scrollTo(ctx, state, params) {
     refScroller,
     props: { horizontal }
   } = state;
-  const offset = calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
+  let offset = calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
+  if (Number.isFinite(state.scrollLength) && Number.isFinite(state.totalSize)) {
+    const maxOffset = Math.max(0, state.totalSize - state.scrollLength);
+    offset = Math.min(offset, maxOffset);
+  }
   state.scrollHistory.length = 0;
   if (!noScrollingTo) {
     set$(ctx, "scrollingTo", scrollTarget);
@@ -2706,25 +2730,23 @@ function updateAveragesOnDataChange(state, oldData, newData) {
 }
 
 // src/core/checkResetContainers.ts
-function checkResetContainers(ctx, state, isFirst, dataProp) {
-  if (state) {
-    if (!isFirst && state.props.data !== dataProp) {
-      updateAveragesOnDataChange(state, state.props.data, dataProp);
-    }
-    const { maintainScrollAtEnd } = state.props;
-    if (!isFirst) {
-      calculateItemsInView(ctx, state, { dataChanged: true, doMVCP: true });
-      const shouldMaintainScrollAtEnd = maintainScrollAtEnd === true || maintainScrollAtEnd.onDataChange;
-      const didMaintainScrollAtEnd = shouldMaintainScrollAtEnd && doMaintainScrollAtEnd(ctx, state, false);
-      if (!didMaintainScrollAtEnd && dataProp.length > state.props.data.length) {
-        state.isEndReached = false;
-      }
-      if (!didMaintainScrollAtEnd) {
-        checkAtTop(state);
-        checkAtBottom(ctx, state);
-      }
-    }
+function checkResetContainers(ctx, state, dataProp) {
+  const { previousData } = state;
+  if (previousData) {
+    updateAveragesOnDataChange(state, previousData, dataProp);
   }
+  const { maintainScrollAtEnd } = state.props;
+  calculateItemsInView(ctx, state, { dataChanged: true, doMVCP: true });
+  const shouldMaintainScrollAtEnd = maintainScrollAtEnd === true || maintainScrollAtEnd.onDataChange;
+  const didMaintainScrollAtEnd = shouldMaintainScrollAtEnd && doMaintainScrollAtEnd(ctx, state, false);
+  if (!didMaintainScrollAtEnd && previousData && dataProp.length > previousData.length) {
+    state.isEndReached = false;
+  }
+  if (!didMaintainScrollAtEnd) {
+    checkAtTop(state);
+    checkAtBottom(ctx, state);
+  }
+  delete state.previousData;
 }
 
 // src/core/doInitialAllocateContainers.ts
@@ -3150,6 +3172,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     getItemType,
     horizontal,
     initialContainerPoolRatio = 2,
+    initialScrollAtEnd = false,
     initialScrollIndex: initialScrollIndexProp,
     initialScrollOffset: initialScrollOffsetProp,
     itemsAreEqual,
@@ -3189,7 +3212,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     ...rest
   } = props;
   const [renderNum, setRenderNum] = React3.useState(0);
-  const initialScrollProp = initialScrollIndexProp || initialScrollOffsetProp ? typeof initialScrollIndexProp === "object" ? { index: initialScrollIndexProp.index || 0, viewOffset: initialScrollIndexProp.viewOffset || 0 } : { index: initialScrollIndexProp || 0, viewOffset: initialScrollOffsetProp || 0 } : void 0;
+  const initialScrollProp = initialScrollAtEnd ? { index: dataProp.length - 1, viewOffset: 0 } : initialScrollIndexProp || initialScrollOffsetProp ? typeof initialScrollIndexProp === "object" ? { index: initialScrollIndexProp.index || 0, viewOffset: initialScrollIndexProp.viewOffset || 0 } : { index: initialScrollIndexProp || 0, viewOffset: initialScrollOffsetProp || 0 } : void 0;
   const [canRender, setCanRender] = React3__namespace.useState(!IsNewArchitecture);
   const contentContainerStyle = { ...StyleSheet.flatten(contentContainerStyleProp) };
   const style = { ...StyleSheet.flatten(styleProp) };
@@ -3213,6 +3236,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         containerItemKeys: /* @__PURE__ */ new Set(),
         containerItemTypes: /* @__PURE__ */ new Map(),
         dataChangeNeedsScrollUpdate: false,
+        didColumnsChange: false,
+        didDataChange: false,
         enableScrollForNextCalculateItemsInView: true,
         endBuffered: -1,
         endNoBuffer: -1,
@@ -3222,10 +3247,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         idsInView: [],
         indexByKey: /* @__PURE__ */ new Map(),
         initialScroll: initialScrollProp,
-        isOptimizingItemPositions: false,
         isAtEnd: false,
         isAtStart: false,
         isEndReached: false,
+        isFirst: true,
+        isOptimizingItemPositions: false,
         isStartReached: false,
         lastBatchingAction: Date.now(),
         lastLayout: void 0,
@@ -3264,10 +3290,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     refState.current = ctx.internalState;
   }
   const state = refState.current;
-  const isFirst = !state.props.renderItem;
-  const didDataChange = state.props.data !== dataProp;
-  if (didDataChange) {
+  const isFirstLocal = state.isFirst;
+  state.didColumnsChange = numColumnsProp !== state.props.numColumns;
+  const didDataChangeLocal = state.props.data !== dataProp && checkActualChange(state, dataProp, state.props.data);
+  if (didDataChangeLocal) {
     state.dataChangeNeedsScrollUpdate = true;
+    state.didDataChange = true;
+    state.previousData = state.props.data;
   }
   const throttleScrollFn = scrollEventThrottle && onScrollProp ? useThrottledOnScroll(onScrollProp, scrollEventThrottle) : onScrollProp;
   state.props = {
@@ -3326,7 +3355,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       requestAdjust(ctx, state, paddingDiff);
     }
   };
-  if (isFirst) {
+  if (isFirstLocal) {
     initializeStateVars();
     updateItemPositions(
       ctx,
@@ -3344,22 +3373,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         initialContentOffset2 += calculateOffsetForIndex(ctx, state, index);
       }
       refState.current.isStartReached = initialContentOffset2 < refState.current.scrollLength * onStartReachedThreshold;
-      if (initialContentOffset2 > 0) {
-        scrollTo(ctx, state, {
-          animated: false,
-          index,
-          isInitialScroll: true,
-          offset: initialContentOffset2,
-          viewPosition: index === dataProp.length - 1 ? 1 : 0
-        });
-      }
       return initialContentOffset2;
     }
     return 0;
   }, [renderNum]);
-  if (isFirst || didDataChange || numColumnsProp !== peek$(ctx, "numColumns")) {
+  if (isFirstLocal || didDataChangeLocal || numColumnsProp !== peek$(ctx, "numColumns")) {
     refState.current.lastBatchingAction = Date.now();
-    if (!keyExtractorProp && !isFirst && didDataChange) {
+    if (!keyExtractorProp && !isFirstLocal && didDataChangeLocal) {
       IS_DEV && warnDevOnce(
         "keyExtractor",
         "Changing data without a keyExtractor can cause slow performance and resetting scroll. If your list data can change you should use a keyExtractor with a unique id for best performance and behavior."
@@ -3382,22 +3402,41 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
+  const doInitialScroll = React3.useCallback(() => {
+    const initialScroll = state.initialScroll;
+    if (initialScroll) {
+      scrollTo(ctx, state, { animated: false, offset: initialContentOffset, ...state.initialScroll || {} });
+    }
+  }, [initialContentOffset, state.initialScroll]);
+  const onLayoutChange = React3.useCallback((layout) => {
+    doInitialScroll();
+    handleLayout(ctx, state, layout, setCanRender);
+  }, []);
+  const { onLayout } = useOnLayoutSync({
+    onLayoutChange,
+    onLayoutProp,
+    ref: refScroller
+    // the type of ScrollView doesn't include measure?
+  });
   React3.useLayoutEffect(() => {
     if (snapToIndices) {
       updateSnapToOffsets(ctx, state);
     }
   }, [snapToIndices]);
   React3.useLayoutEffect(() => {
-    const didAllocateContainers = dataProp.length > 0 && doInitialAllocateContainers(ctx, state);
-    if (!didAllocateContainers) {
-      checkResetContainers(
-        ctx,
-        state,
-        /*isFirst*/
-        isFirst,
-        dataProp
-      );
+    const {
+      didColumnsChange,
+      didDataChange,
+      isFirst,
+      props: { data }
+    } = state;
+    const didAllocateContainers = data.length > 0 && doInitialAllocateContainers(ctx, state);
+    if (!didAllocateContainers && !isFirst && (didDataChange || didColumnsChange)) {
+      checkResetContainers(ctx, state, data);
     }
+    state.didColumnsChange = false;
+    state.didDataChange = false;
+    state.isFirst = false;
   }, [dataProp, numColumnsProp]);
   React3.useLayoutEffect(() => {
     set$(ctx, "extraData", extraData);
@@ -3417,15 +3456,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.viewabilityConfigCallbackPairs = viewability;
     state.enableScrollForNextCalculateItemsInView = !viewability;
   }, [viewabilityConfig, viewabilityConfigCallbackPairs, onViewableItemsChanged]);
-  const onLayoutChange = React3.useCallback((layout) => {
-    handleLayout(ctx, state, layout, setCanRender);
-  }, []);
-  const { onLayout } = useOnLayoutSync({
-    onLayoutChange,
-    onLayoutProp,
-    ref: refScroller
-    // the type of ScrollView doesn't include measure?
-  });
   React3.useImperativeHandle(forwardedRef, () => {
     const scrollIndexIntoView = (options) => {
       const state2 = refState.current;
@@ -3509,12 +3539,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     };
   }, []);
   {
-    React3.useEffect(() => {
-      const { initialScroll } = refState.current;
-      if (initialContentOffset) {
-        scrollTo(ctx, state, { animated: false, offset: initialContentOffset, ...initialScroll || {} });
-      }
-    }, []);
+    React3.useEffect(doInitialScroll, []);
   }
   const fns = React3.useMemo(
     () => ({

package/index.mjs

@@ -1175,6 +1175,26 @@ function calculateOffsetForIndex(ctx, state, index) {
   return position;
 }
 
+// src/core/checkActualChange.ts
+function checkActualChange(state, dataProp, previousData) {
+  if (!previousData || !dataProp || dataProp.length !== previousData.length) {
+    return true;
+  }
+  const {
+    idCache,
+    props: { keyExtractor }
+  } = state;
+  for (let i = 0; i < dataProp.length; i++) {
+    if (dataProp[i] !== previousData[i]) {
+      return true;
+    }
+    if (keyExtractor ? idCache[i] !== keyExtractor(previousData[i], i) : dataProp[i] !== previousData[i]) {
+      return true;
+    }
+  }
+  return false;
+}
+
 // src/utils/setPaddingTop.ts
 function setPaddingTop(ctx, state, { stylePaddingTop, alignItemsPaddingTop }) {
   if (stylePaddingTop !== void 0) {
@@ -1509,7 +1529,11 @@ function scrollTo(ctx, state, params) {
     refScroller,
     props: { horizontal }
   } = state;
-  const offset = calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
+  let offset = calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
+  if (Number.isFinite(state.scrollLength) && Number.isFinite(state.totalSize)) {
+    const maxOffset = Math.max(0, state.totalSize - state.scrollLength);
+    offset = Math.min(offset, maxOffset);
+  }
   state.scrollHistory.length = 0;
   if (!noScrollingTo) {
     set$(ctx, "scrollingTo", scrollTarget);
@@ -2685,25 +2709,23 @@ function updateAveragesOnDataChange(state, oldData, newData) {
 }
 
 // src/core/checkResetContainers.ts
-function checkResetContainers(ctx, state, isFirst, dataProp) {
-  if (state) {
-    if (!isFirst && state.props.data !== dataProp) {
-      updateAveragesOnDataChange(state, state.props.data, dataProp);
-    }
-    const { maintainScrollAtEnd } = state.props;
-    if (!isFirst) {
-      calculateItemsInView(ctx, state, { dataChanged: true, doMVCP: true });
-      const shouldMaintainScrollAtEnd = maintainScrollAtEnd === true || maintainScrollAtEnd.onDataChange;
-      const didMaintainScrollAtEnd = shouldMaintainScrollAtEnd && doMaintainScrollAtEnd(ctx, state, false);
-      if (!didMaintainScrollAtEnd && dataProp.length > state.props.data.length) {
-        state.isEndReached = false;
-      }
-      if (!didMaintainScrollAtEnd) {
-        checkAtTop(state);
-        checkAtBottom(ctx, state);
-      }
-    }
+function checkResetContainers(ctx, state, dataProp) {
+  const { previousData } = state;
+  if (previousData) {
+    updateAveragesOnDataChange(state, previousData, dataProp);
   }
+  const { maintainScrollAtEnd } = state.props;
+  calculateItemsInView(ctx, state, { dataChanged: true, doMVCP: true });
+  const shouldMaintainScrollAtEnd = maintainScrollAtEnd === true || maintainScrollAtEnd.onDataChange;
+  const didMaintainScrollAtEnd = shouldMaintainScrollAtEnd && doMaintainScrollAtEnd(ctx, state, false);
+  if (!didMaintainScrollAtEnd && previousData && dataProp.length > previousData.length) {
+    state.isEndReached = false;
+  }
+  if (!didMaintainScrollAtEnd) {
+    checkAtTop(state);
+    checkAtBottom(ctx, state);
+  }
+  delete state.previousData;
 }
 
 // src/core/doInitialAllocateContainers.ts
@@ -3129,6 +3151,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     getItemType,
     horizontal,
     initialContainerPoolRatio = 2,
+    initialScrollAtEnd = false,
     initialScrollIndex: initialScrollIndexProp,
     initialScrollOffset: initialScrollOffsetProp,
     itemsAreEqual,
@@ -3168,7 +3191,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     ...rest
   } = props;
   const [renderNum, setRenderNum] = useState(0);
-  const initialScrollProp = initialScrollIndexProp || initialScrollOffsetProp ? typeof initialScrollIndexProp === "object" ? { index: initialScrollIndexProp.index || 0, viewOffset: initialScrollIndexProp.viewOffset || 0 } : { index: initialScrollIndexProp || 0, viewOffset: initialScrollOffsetProp || 0 } : void 0;
+  const initialScrollProp = initialScrollAtEnd ? { index: dataProp.length - 1, viewOffset: 0 } : initialScrollIndexProp || initialScrollOffsetProp ? typeof initialScrollIndexProp === "object" ? { index: initialScrollIndexProp.index || 0, viewOffset: initialScrollIndexProp.viewOffset || 0 } : { index: initialScrollIndexProp || 0, viewOffset: initialScrollOffsetProp || 0 } : void 0;
   const [canRender, setCanRender] = React3.useState(!IsNewArchitecture);
   const contentContainerStyle = { ...StyleSheet.flatten(contentContainerStyleProp) };
   const style = { ...StyleSheet.flatten(styleProp) };
@@ -3192,6 +3215,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         containerItemKeys: /* @__PURE__ */ new Set(),
         containerItemTypes: /* @__PURE__ */ new Map(),
         dataChangeNeedsScrollUpdate: false,
+        didColumnsChange: false,
+        didDataChange: false,
         enableScrollForNextCalculateItemsInView: true,
         endBuffered: -1,
         endNoBuffer: -1,
@@ -3201,10 +3226,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         idsInView: [],
         indexByKey: /* @__PURE__ */ new Map(),
         initialScroll: initialScrollProp,
-        isOptimizingItemPositions: false,
         isAtEnd: false,
         isAtStart: false,
         isEndReached: false,
+        isFirst: true,
+        isOptimizingItemPositions: false,
         isStartReached: false,
         lastBatchingAction: Date.now(),
         lastLayout: void 0,
@@ -3243,10 +3269,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     refState.current = ctx.internalState;
   }
   const state = refState.current;
-  const isFirst = !state.props.renderItem;
-  const didDataChange = state.props.data !== dataProp;
-  if (didDataChange) {
+  const isFirstLocal = state.isFirst;
+  state.didColumnsChange = numColumnsProp !== state.props.numColumns;
+  const didDataChangeLocal = state.props.data !== dataProp && checkActualChange(state, dataProp, state.props.data);
+  if (didDataChangeLocal) {
     state.dataChangeNeedsScrollUpdate = true;
+    state.didDataChange = true;
+    state.previousData = state.props.data;
   }
   const throttleScrollFn = scrollEventThrottle && onScrollProp ? useThrottledOnScroll(onScrollProp, scrollEventThrottle) : onScrollProp;
   state.props = {
@@ -3305,7 +3334,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       requestAdjust(ctx, state, paddingDiff);
     }
   };
-  if (isFirst) {
+  if (isFirstLocal) {
     initializeStateVars();
     updateItemPositions(
       ctx,
@@ -3323,22 +3352,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         initialContentOffset2 += calculateOffsetForIndex(ctx, state, index);
       }
       refState.current.isStartReached = initialContentOffset2 < refState.current.scrollLength * onStartReachedThreshold;
-      if (initialContentOffset2 > 0) {
-        scrollTo(ctx, state, {
-          animated: false,
-          index,
-          isInitialScroll: true,
-          offset: initialContentOffset2,
-          viewPosition: index === dataProp.length - 1 ? 1 : 0
-        });
-      }
       return initialContentOffset2;
     }
     return 0;
   }, [renderNum]);
-  if (isFirst || didDataChange || numColumnsProp !== peek$(ctx, "numColumns")) {
+  if (isFirstLocal || didDataChangeLocal || numColumnsProp !== peek$(ctx, "numColumns")) {
     refState.current.lastBatchingAction = Date.now();
-    if (!keyExtractorProp && !isFirst && didDataChange) {
+    if (!keyExtractorProp && !isFirstLocal && didDataChangeLocal) {
       IS_DEV && warnDevOnce(
         "keyExtractor",
         "Changing data without a keyExtractor can cause slow performance and resetting scroll. If your list data can change you should use a keyExtractor with a unique id for best performance and behavior."
@@ -3361,22 +3381,41 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
+  const doInitialScroll = useCallback(() => {
+    const initialScroll = state.initialScroll;
+    if (initialScroll) {
+      scrollTo(ctx, state, { animated: false, offset: initialContentOffset, ...state.initialScroll || {} });
+    }
+  }, [initialContentOffset, state.initialScroll]);
+  const onLayoutChange = useCallback((layout) => {
+    doInitialScroll();
+    handleLayout(ctx, state, layout, setCanRender);
+  }, []);
+  const { onLayout } = useOnLayoutSync({
+    onLayoutChange,
+    onLayoutProp,
+    ref: refScroller
+    // the type of ScrollView doesn't include measure?
+  });
   useLayoutEffect(() => {
     if (snapToIndices) {
       updateSnapToOffsets(ctx, state);
     }
   }, [snapToIndices]);
   useLayoutEffect(() => {
-    const didAllocateContainers = dataProp.length > 0 && doInitialAllocateContainers(ctx, state);
-    if (!didAllocateContainers) {
-      checkResetContainers(
-        ctx,
-        state,
-        /*isFirst*/
-        isFirst,
-        dataProp
-      );
+    const {
+      didColumnsChange,
+      didDataChange,
+      isFirst,
+      props: { data }
+    } = state;
+    const didAllocateContainers = data.length > 0 && doInitialAllocateContainers(ctx, state);
+    if (!didAllocateContainers && !isFirst && (didDataChange || didColumnsChange)) {
+      checkResetContainers(ctx, state, data);
     }
+    state.didColumnsChange = false;
+    state.didDataChange = false;
+    state.isFirst = false;
   }, [dataProp, numColumnsProp]);
   useLayoutEffect(() => {
     set$(ctx, "extraData", extraData);
@@ -3396,15 +3435,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.viewabilityConfigCallbackPairs = viewability;
     state.enableScrollForNextCalculateItemsInView = !viewability;
   }, [viewabilityConfig, viewabilityConfigCallbackPairs, onViewableItemsChanged]);
-  const onLayoutChange = useCallback((layout) => {
-    handleLayout(ctx, state, layout, setCanRender);
-  }, []);
-  const { onLayout } = useOnLayoutSync({
-    onLayoutChange,
-    onLayoutProp,
-    ref: refScroller
-    // the type of ScrollView doesn't include measure?
-  });
   useImperativeHandle(forwardedRef, () => {
     const scrollIndexIntoView = (options) => {
       const state2 = refState.current;
@@ -3488,12 +3518,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     };
   }, []);
   {
-    useEffect(() => {
-      const { initialScroll } = refState.current;
-      if (initialContentOffset) {
-        scrollTo(ctx, state, { animated: false, offset: initialContentOffset, ...initialScroll || {} });
-      }
-    }, []);
+    useEffect(doInitialScroll, []);
   }
   const fns = useMemo(
     () => ({