@legendapp/list 1.0.2 → 1.0.4

package/README.md

@@ -92,6 +92,9 @@ const LegendListExample = () => {
             keyExtractor={(item) => item.id}
             recycleItems={true}
 
+            // Recommended if data can change
+            maintainVisibleContentPosition
+
             ref={listRef}
         />
     )

package/animated.d.mts

@@ -3,7 +3,7 @@ import * as _legendapp_list from '@legendapp/list';
 import * as react_native from 'react-native';
 import { Animated } from 'react-native';
 
-declare const AnimatedLegendList: Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "maintainVisibleContentPosition" | "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset"> & {
+declare const AnimatedLegendList: Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];

package/animated.d.ts

@@ -3,7 +3,7 @@ import * as _legendapp_list from '@legendapp/list';
 import * as react_native from 'react-native';
 import { Animated } from 'react-native';
 
-declare const AnimatedLegendList: Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "maintainVisibleContentPosition" | "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset"> & {
+declare const AnimatedLegendList: Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];

package/index.d.mts

@@ -57,7 +57,7 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     getEstimatedItemSize?: (index: number, item: ItemT) => number;
     /**
      * Ratio of initial container pool size to data length (e.g., 0.5 for half).
-     * @default 1
+     * @default 2
      */
     initialContainerPoolRatio?: number | undefined;
     /**
@@ -276,7 +276,7 @@ interface InternalState {
     queuedCalculateItemsInView: number | undefined;
     lastBatchingAction: number;
     ignoreScrollFromCalcTotal?: boolean;
-    disableAveragesForScrolls?: number;
+    disableScrollJumpsFrom?: number;
     scrollingToOffset?: number | undefined;
     averageSizes: Record<string, {
         num: number;
@@ -462,7 +462,7 @@ type TypedMemo = <T extends React.ComponentType<any>>(Component: T, propsAreEqua
 };
 declare const typedMemo: TypedMemo;
 
-declare const LegendList: <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "maintainVisibleContentPosition" | "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset"> & {
+declare const LegendList: <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: ColumnWrapperStyle;
     data: readonly T[];

package/index.d.ts

@@ -57,7 +57,7 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     getEstimatedItemSize?: (index: number, item: ItemT) => number;
     /**
      * Ratio of initial container pool size to data length (e.g., 0.5 for half).
-     * @default 1
+     * @default 2
      */
     initialContainerPoolRatio?: number | undefined;
     /**
@@ -276,7 +276,7 @@ interface InternalState {
     queuedCalculateItemsInView: number | undefined;
     lastBatchingAction: number;
     ignoreScrollFromCalcTotal?: boolean;
-    disableAveragesForScrolls?: number;
+    disableScrollJumpsFrom?: number;
     scrollingToOffset?: number | undefined;
     averageSizes: Record<string, {
         num: number;
@@ -462,7 +462,7 @@ type TypedMemo = <T extends React.ComponentType<any>>(Component: T, propsAreEqua
 };
 declare const typedMemo: TypedMemo;
 
-declare const LegendList: <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "maintainVisibleContentPosition" | "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset"> & {
+declare const LegendList: <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: ColumnWrapperStyle;
     data: readonly T[];

package/index.js

@@ -159,6 +159,9 @@ function warnDevOnce(id, text) {
 function roundSize(size) {
   return Math.floor(size * 8) / 8;
 }
+function isNullOrUndefined(value) {
+  return value === null || value === void 0;
+}
 var symbolFirst = Symbol();
 function useInit(cb) {
   const refValue = React2.useRef(symbolFirst);
@@ -335,20 +338,28 @@ var Container = ({
     forceLayoutRender((v) => v + 1);
   }, []);
   const onLayout = (event) => {
-    if (itemKey !== void 0) {
+    var _a, _b;
+    if (!isNullOrUndefined(itemKey)) {
       const layout = event.nativeEvent.layout;
-      const size = roundSize(layout[horizontal ? "width" : "height"]);
-      if (!IsNewArchitecture && size === 0 && layout.x === 0 && layout.y === 0) {
-        return;
+      let size = roundSize(layout[horizontal ? "width" : "height"]);
+      const doUpdate = () => {
+        refLastSize.current = size;
+        updateItemSize(itemKey, size);
+      };
+      if (IsNewArchitecture || size > 0) {
+        doUpdate();
+      } else {
+        (_b = (_a = ref.current) == null ? void 0 : _a.measure) == null ? void 0 : _b.call(_a, (x, y, width, height) => {
+          size = roundSize(horizontal ? width : height);
+          doUpdate();
+        });
       }
-      refLastSize.current = size;
-      updateItemSize(itemKey, size);
     }
   };
   if (IsNewArchitecture) {
     React2.useLayoutEffect(() => {
       var _a, _b;
-      if (itemKey !== void 0) {
+      if (!isNullOrUndefined(itemKey)) {
         const measured = (_b = (_a = ref.current) == null ? void 0 : _a.unstable_getBoundingClientRect) == null ? void 0 : _b.call(_a);
         if (measured) {
           const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
@@ -360,7 +371,7 @@ var Container = ({
     }, [itemKey, layoutRenderCount]);
   } else {
     React2.useEffect(() => {
-      if (itemKey) {
+      if (!isNullOrUndefined(itemKey)) {
         const timeout = setTimeout(() => {
           if (refLastSize.current) {
             updateItemSize(itemKey, refLastSize.current);
@@ -1227,6 +1238,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return map;
   };
+  const disableScrollJumps = (timeout) => {
+    const state = refState.current;
+    state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+    setTimeout(() => {
+      state.disableScrollJumpsFrom = void 0;
+    }, timeout);
+  };
   const getElementPositionBelowAchor = (id) => {
     var _a;
     const state = refState.current;
@@ -1305,6 +1323,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
+  const checkAllSizesKnown = React2.useCallback(() => {
+    const { startBuffered, endBuffered, sizesKnown } = refState.current;
+    if (endBuffered !== null) {
+      let areAllKnown = true;
+      for (let i = startBuffered; areAllKnown && i <= endBuffered; i++) {
+        const key = getId(i);
+        areAllKnown && (areAllKnown = sizesKnown.has(key));
+      }
+      return areAllKnown;
+    }
+    return false;
+  }, []);
   const calculateItemsInView = React2.useCallback(() => {
     var _a;
     const state = refState.current;
@@ -1315,8 +1345,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       positions,
       columns,
       scrollAdjustHandler,
-      scrollVelocity: speed,
-      disableAveragesForScrolls
+      scrollVelocity: speed
     } = state;
     if (!data || scrollLength === 0) {
       return;
@@ -1327,7 +1356,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const previousScrollAdjust = scrollAdjustHandler.getAppliedAdjust();
     const scrollExtra = Math.max(-16, Math.min(16, speed)) * 16;
     let scrollState = state.scroll;
-    const useAverageSize = !disableAveragesForScrolls;
+    const useAverageSize = !state.disableScrollJumpsFrom;
     if (!state.queuedInitialLayout && initialScrollIndex) {
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
@@ -1357,6 +1386,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
     const scrollBottom = scroll + scrollLength;
+    const prevEndBuffered = state.endBuffered;
     let startNoBuffer = null;
     let startBuffered = null;
     let startBufferedId = null;
@@ -1465,6 +1495,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       const prevNumContainers = ctx.values.get("numContainers");
       let numContainers = prevNumContainers;
       let didWarnMoreContainers = false;
+      const allocatedContainers = /* @__PURE__ */ new Set();
       for (let i = startBuffered; i <= endBuffered; i++) {
         let isContained = false;
         const id = getId(i);
@@ -1480,38 +1511,44 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           let furthestIndex = -1;
           let furthestDistance = 0;
           for (let u = 0; u < numContainers; u++) {
+            if (allocatedContainers.has(u)) {
+              continue;
+            }
             const key = peek$(ctx, `containerItemKey${u}`);
             if (key === void 0) {
               furthestIndex = u;
               break;
             }
-            const index = state.indexByKey.get(key);
+            const index2 = state.indexByKey.get(key);
             const pos = peek$(ctx, `containerPosition${u}`).top;
-            if (index < startBuffered || index > endBuffered) {
+            if (isNullOrUndefined(index2) || pos === POSITION_OUT_OF_VIEW) {
+              furthestIndex = u;
+              break;
+            }
+            if (index2 < startBuffered || index2 > endBuffered) {
               const distance = Math.abs(pos - top2);
-              if (index < 0 || distance > furthestDistance) {
+              if (index2 < 0 || pos === POSITION_OUT_OF_VIEW || distance > furthestDistance) {
                 furthestDistance = distance;
                 furthestIndex = u;
               }
             }
           }
-          if (furthestIndex >= 0) {
-            set$(ctx, `containerItemKey${furthestIndex}`, id);
-            const index = state.indexByKey.get(id);
-            set$(ctx, `containerItemData${furthestIndex}`, data[index]);
-          } else {
-            const containerId = numContainers;
+          const containerId = furthestIndex >= 0 ? furthestIndex : numContainers;
+          set$(ctx, `containerItemKey${containerId}`, id);
+          const index = state.indexByKey.get(id);
+          set$(ctx, `containerItemData${containerId}`, data[index]);
+          allocatedContainers.add(containerId);
+          if (furthestIndex === -1) {
             numContainers++;
             set$(ctx, `containerItemKey${containerId}`, id);
-            const index = state.indexByKey.get(id);
-            set$(ctx, `containerItemData${containerId}`, data[index]);
+            const index2 = state.indexByKey.get(id);
+            set$(ctx, `containerItemData${containerId}`, data[index2]);
             set$(ctx, `containerPosition${containerId}`, ANCHORED_POSITION_OUT_OF_VIEW);
             set$(ctx, `containerColumn${containerId}`, -1);
             if (__DEV__ && !didWarnMoreContainers && numContainers > peek$(ctx, "numContainersPooled")) {
               didWarnMoreContainers = true;
               console.warn(
-                "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize. numContainers:",
-                numContainers
+                "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio."
               );
             }
           }
@@ -1533,7 +1570,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
             const prevPos = peek$(ctx, `containerPosition${i}`);
             const pos = positions.get(id) || 0;
             const size = getItemSize(id, itemIndex, data[i]);
-            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom) {
+            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom || endBuffered < prevEndBuffered) {
               set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
             }
           } else {
@@ -1568,12 +1605,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
     if (!state.queuedInitialLayout && endBuffered !== null) {
-      let areAllKnown = true;
-      for (let i = startBuffered; areAllKnown && i <= endBuffered; i++) {
-        const key = getId(i);
-        areAllKnown && (areAllKnown = state.sizesKnown.has(key));
-      }
-      if (areAllKnown) {
+      if (checkAllSizesKnown()) {
         setDidLayout();
       }
     }
@@ -1725,7 +1757,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (state) {
       state.data = dataProp;
       if (!isFirst2) {
-        state.disableAveragesForScrolls = 2;
+        disableScrollJumps(2e3);
         refState.current.scrollForNextCalculateItemsInView = void 0;
         const numContainers = peek$(ctx, "numContainers");
         for (let i = 0; i < numContainers; i++) {
@@ -1942,7 +1974,17 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   });
   const updateItemSize = React2.useCallback((itemKey, size, fromFixGaps) => {
     const state = refState.current;
-    const { sizes, indexByKey, sizesKnown, data, rowHeights, startBuffered, endBuffered, averageSizes } = state;
+    const {
+      sizes,
+      indexByKey,
+      sizesKnown,
+      data,
+      rowHeights,
+      startBuffered,
+      endBuffered,
+      averageSizes,
+      queuedInitialLayout
+    } = state;
     if (!data) {
       return;
     }
@@ -1951,7 +1993,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
     let needsCalculate = false;
-    const needsUpdateContainersDidLayout = !peek$(ctx, "containersDidLayout");
+    let needsUpdateContainersDidLayout = false;
     sizesKnown.set(itemKey, size);
     const itemType = "";
     let averages = averageSizes[itemType];
@@ -1990,7 +2032,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           );
         }, 1e3);
       }
-      refState.current.scrollForNextCalculateItemsInView = void 0;
+      state.scrollForNextCalculateItemsInView = void 0;
       addTotalSize(itemKey, diff, 0);
       doMaintainScrollAtEnd(false);
       if (onItemSizeChanged) {
@@ -2003,11 +2045,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         });
       }
     }
+    if (!queuedInitialLayout && checkAllSizesKnown()) {
+      needsUpdateContainersDidLayout = true;
+    }
     const isInView = index >= startBuffered && index <= endBuffered;
-    if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && isInView) {
+    if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && (isInView || !queuedInitialLayout)) {
       const scrollVelocity = state.scrollVelocity;
       let didCalculate = false;
-      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout)) {
+      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
             state.queuedCalculateItemsInView = requestAnimationFrame(() => {
@@ -2065,6 +2110,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (state.ignoreScrollFromCalcTotal && newScroll !== 0) {
         return;
       }
+      if (state.disableScrollJumpsFrom !== void 0) {
+        const scrollMinusAdjust = newScroll - state.scrollAdjustHandler.getAppliedAdjust();
+        if (Math.abs(scrollMinusAdjust - state.disableScrollJumpsFrom) > 200) {
+          return;
+        }
+        state.disableScrollJumpsFrom = void 0;
+      }
       state.hasScrolled = true;
       state.lastBatchingAction = Date.now();
       const currentTime = performance.now();
@@ -2099,9 +2151,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (!fromSelf) {
         (_d = state.onScroll) == null ? void 0 : _d.call(state, event);
       }
-      if (state.disableAveragesForScrolls) {
-        state.disableAveragesForScrolls--;
-      }
     },
     []
   );

package/index.mjs

@@ -138,6 +138,9 @@ function warnDevOnce(id, text) {
 function roundSize(size) {
   return Math.floor(size * 8) / 8;
 }
+function isNullOrUndefined(value) {
+  return value === null || value === void 0;
+}
 var symbolFirst = Symbol();
 function useInit(cb) {
   const refValue = useRef(symbolFirst);
@@ -314,20 +317,28 @@ var Container = ({
     forceLayoutRender((v) => v + 1);
   }, []);
   const onLayout = (event) => {
-    if (itemKey !== void 0) {
+    var _a, _b;
+    if (!isNullOrUndefined(itemKey)) {
       const layout = event.nativeEvent.layout;
-      const size = roundSize(layout[horizontal ? "width" : "height"]);
-      if (!IsNewArchitecture && size === 0 && layout.x === 0 && layout.y === 0) {
-        return;
+      let size = roundSize(layout[horizontal ? "width" : "height"]);
+      const doUpdate = () => {
+        refLastSize.current = size;
+        updateItemSize(itemKey, size);
+      };
+      if (IsNewArchitecture || size > 0) {
+        doUpdate();
+      } else {
+        (_b = (_a = ref.current) == null ? void 0 : _a.measure) == null ? void 0 : _b.call(_a, (x, y, width, height) => {
+          size = roundSize(horizontal ? width : height);
+          doUpdate();
+        });
       }
-      refLastSize.current = size;
-      updateItemSize(itemKey, size);
     }
   };
   if (IsNewArchitecture) {
     useLayoutEffect(() => {
       var _a, _b;
-      if (itemKey !== void 0) {
+      if (!isNullOrUndefined(itemKey)) {
         const measured = (_b = (_a = ref.current) == null ? void 0 : _a.unstable_getBoundingClientRect) == null ? void 0 : _b.call(_a);
         if (measured) {
           const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
@@ -339,7 +350,7 @@ var Container = ({
     }, [itemKey, layoutRenderCount]);
   } else {
     useEffect(() => {
-      if (itemKey) {
+      if (!isNullOrUndefined(itemKey)) {
         const timeout = setTimeout(() => {
           if (refLastSize.current) {
             updateItemSize(itemKey, refLastSize.current);
@@ -1206,6 +1217,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return map;
   };
+  const disableScrollJumps = (timeout) => {
+    const state = refState.current;
+    state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+    setTimeout(() => {
+      state.disableScrollJumpsFrom = void 0;
+    }, timeout);
+  };
   const getElementPositionBelowAchor = (id) => {
     var _a;
     const state = refState.current;
@@ -1284,6 +1302,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
+  const checkAllSizesKnown = useCallback(() => {
+    const { startBuffered, endBuffered, sizesKnown } = refState.current;
+    if (endBuffered !== null) {
+      let areAllKnown = true;
+      for (let i = startBuffered; areAllKnown && i <= endBuffered; i++) {
+        const key = getId(i);
+        areAllKnown && (areAllKnown = sizesKnown.has(key));
+      }
+      return areAllKnown;
+    }
+    return false;
+  }, []);
   const calculateItemsInView = useCallback(() => {
     var _a;
     const state = refState.current;
@@ -1294,8 +1324,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       positions,
       columns,
       scrollAdjustHandler,
-      scrollVelocity: speed,
-      disableAveragesForScrolls
+      scrollVelocity: speed
     } = state;
     if (!data || scrollLength === 0) {
       return;
@@ -1306,7 +1335,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const previousScrollAdjust = scrollAdjustHandler.getAppliedAdjust();
     const scrollExtra = Math.max(-16, Math.min(16, speed)) * 16;
     let scrollState = state.scroll;
-    const useAverageSize = !disableAveragesForScrolls;
+    const useAverageSize = !state.disableScrollJumpsFrom;
     if (!state.queuedInitialLayout && initialScrollIndex) {
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
@@ -1336,6 +1365,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
     const scrollBottom = scroll + scrollLength;
+    const prevEndBuffered = state.endBuffered;
     let startNoBuffer = null;
     let startBuffered = null;
     let startBufferedId = null;
@@ -1444,6 +1474,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       const prevNumContainers = ctx.values.get("numContainers");
       let numContainers = prevNumContainers;
       let didWarnMoreContainers = false;
+      const allocatedContainers = /* @__PURE__ */ new Set();
       for (let i = startBuffered; i <= endBuffered; i++) {
         let isContained = false;
         const id = getId(i);
@@ -1459,38 +1490,44 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           let furthestIndex = -1;
           let furthestDistance = 0;
           for (let u = 0; u < numContainers; u++) {
+            if (allocatedContainers.has(u)) {
+              continue;
+            }
             const key = peek$(ctx, `containerItemKey${u}`);
             if (key === void 0) {
               furthestIndex = u;
               break;
             }
-            const index = state.indexByKey.get(key);
+            const index2 = state.indexByKey.get(key);
             const pos = peek$(ctx, `containerPosition${u}`).top;
-            if (index < startBuffered || index > endBuffered) {
+            if (isNullOrUndefined(index2) || pos === POSITION_OUT_OF_VIEW) {
+              furthestIndex = u;
+              break;
+            }
+            if (index2 < startBuffered || index2 > endBuffered) {
               const distance = Math.abs(pos - top2);
-              if (index < 0 || distance > furthestDistance) {
+              if (index2 < 0 || pos === POSITION_OUT_OF_VIEW || distance > furthestDistance) {
                 furthestDistance = distance;
                 furthestIndex = u;
               }
             }
           }
-          if (furthestIndex >= 0) {
-            set$(ctx, `containerItemKey${furthestIndex}`, id);
-            const index = state.indexByKey.get(id);
-            set$(ctx, `containerItemData${furthestIndex}`, data[index]);
-          } else {
-            const containerId = numContainers;
+          const containerId = furthestIndex >= 0 ? furthestIndex : numContainers;
+          set$(ctx, `containerItemKey${containerId}`, id);
+          const index = state.indexByKey.get(id);
+          set$(ctx, `containerItemData${containerId}`, data[index]);
+          allocatedContainers.add(containerId);
+          if (furthestIndex === -1) {
             numContainers++;
             set$(ctx, `containerItemKey${containerId}`, id);
-            const index = state.indexByKey.get(id);
-            set$(ctx, `containerItemData${containerId}`, data[index]);
+            const index2 = state.indexByKey.get(id);
+            set$(ctx, `containerItemData${containerId}`, data[index2]);
             set$(ctx, `containerPosition${containerId}`, ANCHORED_POSITION_OUT_OF_VIEW);
             set$(ctx, `containerColumn${containerId}`, -1);
             if (__DEV__ && !didWarnMoreContainers && numContainers > peek$(ctx, "numContainersPooled")) {
               didWarnMoreContainers = true;
               console.warn(
-                "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize. numContainers:",
-                numContainers
+                "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio."
               );
             }
           }
@@ -1512,7 +1549,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
             const prevPos = peek$(ctx, `containerPosition${i}`);
             const pos = positions.get(id) || 0;
             const size = getItemSize(id, itemIndex, data[i]);
-            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom) {
+            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom || endBuffered < prevEndBuffered) {
               set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
             }
           } else {
@@ -1547,12 +1584,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
     if (!state.queuedInitialLayout && endBuffered !== null) {
-      let areAllKnown = true;
-      for (let i = startBuffered; areAllKnown && i <= endBuffered; i++) {
-        const key = getId(i);
-        areAllKnown && (areAllKnown = state.sizesKnown.has(key));
-      }
-      if (areAllKnown) {
+      if (checkAllSizesKnown()) {
         setDidLayout();
       }
     }
@@ -1704,7 +1736,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (state) {
       state.data = dataProp;
       if (!isFirst2) {
-        state.disableAveragesForScrolls = 2;
+        disableScrollJumps(2e3);
         refState.current.scrollForNextCalculateItemsInView = void 0;
         const numContainers = peek$(ctx, "numContainers");
         for (let i = 0; i < numContainers; i++) {
@@ -1921,7 +1953,17 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   });
   const updateItemSize = useCallback((itemKey, size, fromFixGaps) => {
     const state = refState.current;
-    const { sizes, indexByKey, sizesKnown, data, rowHeights, startBuffered, endBuffered, averageSizes } = state;
+    const {
+      sizes,
+      indexByKey,
+      sizesKnown,
+      data,
+      rowHeights,
+      startBuffered,
+      endBuffered,
+      averageSizes,
+      queuedInitialLayout
+    } = state;
     if (!data) {
       return;
     }
@@ -1930,7 +1972,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
     let needsCalculate = false;
-    const needsUpdateContainersDidLayout = !peek$(ctx, "containersDidLayout");
+    let needsUpdateContainersDidLayout = false;
     sizesKnown.set(itemKey, size);
     const itemType = "";
     let averages = averageSizes[itemType];
@@ -1969,7 +2011,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           );
         }, 1e3);
       }
-      refState.current.scrollForNextCalculateItemsInView = void 0;
+      state.scrollForNextCalculateItemsInView = void 0;
       addTotalSize(itemKey, diff, 0);
       doMaintainScrollAtEnd(false);
       if (onItemSizeChanged) {
@@ -1982,11 +2024,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         });
       }
     }
+    if (!queuedInitialLayout && checkAllSizesKnown()) {
+      needsUpdateContainersDidLayout = true;
+    }
     const isInView = index >= startBuffered && index <= endBuffered;
-    if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && isInView) {
+    if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && (isInView || !queuedInitialLayout)) {
       const scrollVelocity = state.scrollVelocity;
       let didCalculate = false;
-      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout)) {
+      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
             state.queuedCalculateItemsInView = requestAnimationFrame(() => {
@@ -2044,6 +2089,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (state.ignoreScrollFromCalcTotal && newScroll !== 0) {
         return;
       }
+      if (state.disableScrollJumpsFrom !== void 0) {
+        const scrollMinusAdjust = newScroll - state.scrollAdjustHandler.getAppliedAdjust();
+        if (Math.abs(scrollMinusAdjust - state.disableScrollJumpsFrom) > 200) {
+          return;
+        }
+        state.disableScrollJumpsFrom = void 0;
+      }
       state.hasScrolled = true;
       state.lastBatchingAction = Date.now();
       const currentTime = performance.now();
@@ -2078,9 +2130,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (!fromSelf) {
         (_d = state.onScroll) == null ? void 0 : _d.call(state, event);
       }
-      if (state.disableAveragesForScrolls) {
-        state.disableAveragesForScrolls--;
-      }
     },
     []
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,