@expo/ui 58.0.8 → 58.0.10

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10-sources.jar.md5

@@ -0,0 +1 @@
+368760562360e5fb3fa8ba0bded3c520

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10-sources.jar.sha1

@@ -0,0 +1 @@
+e37768569504f9fa90267fc6c3beba9d9cc35372

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10-sources.jar.sha256

@@ -0,0 +1 @@
+f145e3373b2e35638d4cb0073f7383c0a6d92b95196658871f714491d5e8c4ae

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10-sources.jar.sha512

@@ -0,0 +1 @@
+0623256bf93c3c81aa8b0a3cc4dbd49f1c7e30fadb966367cf7731ccf29a2e51922f75c7adf16555b2d364fa4fbc04bfb9564bebceb4fb0a212de7c11bf5e0b6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.aar.md5

@@ -0,0 +1 @@
+d79aa0c5f5eae19a395adaf3133d4bb1

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.aar.sha1

@@ -0,0 +1 @@
+0dcea7ff840c77f459c393528d9f163eafc5beb4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.aar.sha256

@@ -0,0 +1 @@
+0fabcbaf4112be9662f5a77b9c3c4eccfa49651b7f3a81b852e316a798ba20bb

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.aar.sha512

@@ -0,0 +1 @@
+d738e4775e8d79128bbba80d2fccf657ea523f04ab14df1f1f3453d4a1c21f4d1727f05275e874864ca716b995977bc06e17cc2a851c7b2c940cd5b443a02820

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.8/expo.modules.ui-58.0.8.module → 58.0.10/expo.modules.ui-58.0.10.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.8",
+    "version": "58.0.10",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.8.aar",
-          "url": "expo.modules.ui-58.0.8.aar",
-          "size": 1836349,
-          "sha512": "e5ced1751f3e2e90a7320abf88d98bea0a578fbcabcf73c0aca0e9997efe4d0313375d810c789fe2d96f6f6d5cdb9f36c21c2b82f67db8626149105938f29523",
-          "sha256": "315787d05711205c64b7245b046f29efe369b50f4e86866afef62b2b2474e537",
-          "sha1": "94aec72d27a48e827dbb31b9d734150334b08662",
-          "md5": "31be76a409dceed307ca47e9e66c8348"
+          "name": "expo.modules.ui-58.0.10.aar",
+          "url": "expo.modules.ui-58.0.10.aar",
+          "size": 1844321,
+          "sha512": "d738e4775e8d79128bbba80d2fccf657ea523f04ab14df1f1f3453d4a1c21f4d1727f05275e874864ca716b995977bc06e17cc2a851c7b2c940cd5b443a02820",
+          "sha256": "0fabcbaf4112be9662f5a77b9c3c4eccfa49651b7f3a81b852e316a798ba20bb",
+          "sha1": "0dcea7ff840c77f459c393528d9f163eafc5beb4",
+          "md5": "d79aa0c5f5eae19a395adaf3133d4bb1"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.8.aar",
-          "url": "expo.modules.ui-58.0.8.aar",
-          "size": 1836349,
-          "sha512": "e5ced1751f3e2e90a7320abf88d98bea0a578fbcabcf73c0aca0e9997efe4d0313375d810c789fe2d96f6f6d5cdb9f36c21c2b82f67db8626149105938f29523",
-          "sha256": "315787d05711205c64b7245b046f29efe369b50f4e86866afef62b2b2474e537",
-          "sha1": "94aec72d27a48e827dbb31b9d734150334b08662",
-          "md5": "31be76a409dceed307ca47e9e66c8348"
+          "name": "expo.modules.ui-58.0.10.aar",
+          "url": "expo.modules.ui-58.0.10.aar",
+          "size": 1844321,
+          "sha512": "d738e4775e8d79128bbba80d2fccf657ea523f04ab14df1f1f3453d4a1c21f4d1727f05275e874864ca716b995977bc06e17cc2a851c7b2c940cd5b443a02820",
+          "sha256": "0fabcbaf4112be9662f5a77b9c3c4eccfa49651b7f3a81b852e316a798ba20bb",
+          "sha1": "0dcea7ff840c77f459c393528d9f163eafc5beb4",
+          "md5": "d79aa0c5f5eae19a395adaf3133d4bb1"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.8-sources.jar",
-          "url": "expo.modules.ui-58.0.8-sources.jar",
-          "size": 109792,
-          "sha512": "fe7df10c6d11c1f95ca7de35f60911401b64bd4b258c6c7956611f973bd062a367c0aea2693298e3d703e58a89b70cfd2c47851400299d035ea28499e595fb8e",
-          "sha256": "02ee570f6a4a03679186bf43c56875eebf84f15abb7e79bb7040eddad7da908d",
-          "sha1": "c96c6c3f5dc0911a893274646c0cf2096a610423",
-          "md5": "9fb8758d9f0ad26c9154ad6536600e2c"
+          "name": "expo.modules.ui-58.0.10-sources.jar",
+          "url": "expo.modules.ui-58.0.10-sources.jar",
+          "size": 110439,
+          "sha512": "0623256bf93c3c81aa8b0a3cc4dbd49f1c7e30fadb966367cf7731ccf29a2e51922f75c7adf16555b2d364fa4fbc04bfb9564bebceb4fb0a212de7c11bf5e0b6",
+          "sha256": "f145e3373b2e35638d4cb0073f7383c0a6d92b95196658871f714491d5e8c4ae",
+          "sha1": "e37768569504f9fa90267fc6c3beba9d9cc35372",
+          "md5": "368760562360e5fb3fa8ba0bded3c520"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.module.md5

@@ -0,0 +1 @@
+e031aa0139f43ee15252b9e8b270fd3f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.module.sha1

@@ -0,0 +1 @@
+1cc869e3ee310f7480fac356b53346ff115e054d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.module.sha256

@@ -0,0 +1 @@
+01b113e83cceddd1aefec3f0e0c87cb914239ee66f5e2ae04aa92b96f20b135c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.module.sha512

@@ -0,0 +1 @@
+27bee629427b9983020b802f9c7b6d391948f15dad48cddaacd36df01f1ecb20facb24537fab5500184bba45865f71676da3ff5ddc431ed4cf1fbce258a8f98b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.8/expo.modules.ui-58.0.8.pom → 58.0.10/expo.modules.ui-58.0.10.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>58.0.8</version>
+  <version>58.0.10</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.pom.md5

@@ -0,0 +1 @@
+618ebb3bee648f7232772e4afbc7245a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.pom.sha1

@@ -0,0 +1 @@
+1b5bde4495bd228e0cd676da0377d9d16aff8c58

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.pom.sha256

@@ -0,0 +1 @@
+ba1f7cd196676bb09597182345849c73fb333126658134051f40e2959a212a9a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.10/expo.modules.ui-58.0.10.pom.sha512

@@ -0,0 +1 @@
+738650c58d03e4215b915694328bdecc2fa131b3e95a0f7936f1f0fd870ccc7d6daa58573b50317698ba272dd6216e74d028b49745970d86bc5113ac1ba3991b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.8",
+  "version": "58.0.10",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -148,7 +148,7 @@
     "@types/jest": "^29.2.1",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo-module-scripts": "56.0.3",
+    "expo-module-scripts": "56.0.4",
     "react-native-reanimated": "4.7.0",
     "react-native-worklets": "0.13.0"
   },
@@ -171,9 +171,9 @@
       "optional": true
     }
   },
-  "gitHead": "74f6d2b90bc50bd8df7b160d6e6b2204b37a8ce7",
   "scripts": {
     "precompile-ios": "et prebuild-package-for-publish",
+    "precompile-android": "et prebuild-android-package-for-publish",
     "build": "pnpm run build:lib && pnpm run build:plugin",
     "build:lib": "expo-build src",
     "build:plugin": "expo-build --base plugin cjs:src",

package/src/community/picker/Picker.android.tsx

@@ -36,6 +36,11 @@ export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   const selectedLabel = selectedItem?.label ?? '';
   const labelState = useNativeState(selectedLabel);
 
+  // `useNativeState` only captures its initial value, so push later changes to the field.
+  React.useEffect(() => {
+    labelState.set(selectedLabel);
+  }, [labelState, selectedLabel]);
+
   return (
     <Host style={style} matchContents={{ vertical: true }}>
       <ExposedDropdownMenuBox

package/src/jetpack-compose/LazyColumn/index.tsx

@@ -4,6 +4,8 @@ import type { ExpoModifier } from '../../types';
 import { LazyItems } from '../LazyItems';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
+export { LazyItems, type LazyItemsProps } from '../LazyItems';
+
 /**
  * Content padding values for LazyColumn.
  */

package/src/jetpack-compose/LazyItems/index.tsx

@@ -5,38 +5,36 @@ import {
   useItemKeys,
   useRecycledRows,
   type RecycledSlotProps,
-  type RenderItem,
   type WindowChangeEvent,
 } from '../../recycling/useRecycledRows';
 import { type ViewEvent } from '../../types';
 
-export interface LazyItemsProps<ItemT> {
+export interface LazyItemsProps<T> {
   /** Items to display. Replace the array when updating data. */
-  data: readonly ItemT[];
+  data: readonly T[];
   /** Returns a stable, unique string key, also used as the lazy list item key. */
-  keyExtractor: (item: ItemT, index: number) => string;
+  keyExtractor: (item: T, index: number) => string;
   /**
-   * Renders a row. Wrap it in `useCallback`, or every row re-renders on each parent render.
-   * Recycled rows are reused for other items, so their local state (`useState`) carries over.
-   * Reset it when the item changes, or keep the state outside the row.
+   * Renders an item. Wrap it in `useCallback`, or every item re-renders on each parent render.
+   * Recycled views are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the view.
    */
-  children: RenderItem<ItemT>;
+  children: (info: { item: T; index: number }) => ReactElement;
   /**
-   * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
-   * render every row at once. Set it once; changing it remounts the rows.
+   * Renders only the items near the visible range and reuses them while scrolling. Set to `false`
+   * to render every item at once. Set it once; changing it remounts the items.
    * @default true
    */
   recycling?: boolean;
   /**
-   * Extra rows to prepare on each side of the visible rows. Must be a non-negative integer.
+   * Extra items to prepare on each side of the visible items. Must be a non-negative integer.
    * Ignored when `recycling` is `false`.
    * @default 10
    */
   overscanCount?: number;
   /**
-   * Placeholder size in dp along the scroll axis, until a row is measured. Must be positive.
-   * Measurements reset when the data changes. In `LazyColumn.Items` they also reset when the list
-   * width changes. Ignored when `recycling` is `false`.
+   * Placeholder size in dp along the scroll axis, until an item is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
    * @default 64
    */
   estimatedItemSize?: number;
@@ -62,8 +60,7 @@ const LazyItemsPoolNativeView: React.ComponentType<{ children: ReactElement[] }>
  * so large data sets stay cheap. Rows that are not ready yet show a placeholder of
  * `estimatedItemSize`, or of the size last measured for that item.
  *
- * Mount it as a direct child of `LazyColumn` or `LazyRow`. Plain children of the same list stay
- * single items, so static and recycled content can be mixed in order.
+ * Mount it as a direct child of `LazyColumn` or `LazyRow`.
  * @platform android
  */
 export const LazyItems = createLazyItems('LazyColumn.Items');
@@ -73,29 +70,29 @@ export const LazyItems = createLazyItems('LazyColumn.Items');
  * Creates the `Items` component of one lazy list, so its errors name that list.
  */
 export function createLazyItems(componentName: string) {
-  function Items<ItemT>({ recycling = true, ...props }: LazyItemsProps<ItemT>) {
+  function Items<T>({ recycling = true, ...props }: LazyItemsProps<T>) {
     return recycling ? <RecycledItems {...props} /> : <StaticItems {...props} />;
   }
 
   // Each row is a plain child of the lazy list, so it becomes one lazy item.
-  function StaticItems<ItemT>({
+  function StaticItems<T>({
     data,
     keyExtractor,
     children: renderItem,
-  }: Omit<LazyItemsProps<ItemT>, 'recycling'>) {
+  }: Omit<LazyItemsProps<T>, 'recycling'>) {
     const itemKeys = useItemKeys(componentName, data, keyExtractor);
     return data.map((item, index) => (
       <Fragment key={itemKeys[index]}>{renderItem({ item, index })}</Fragment>
     ));
   }
 
-  function RecycledItems<ItemT>({
+  function RecycledItems<T>({
     data,
     keyExtractor,
     children: renderItem,
     overscanCount,
     estimatedItemSize = 64,
-  }: Omit<LazyItemsProps<ItemT>, 'recycling'>) {
+  }: Omit<LazyItemsProps<T>, 'recycling'>) {
     const { itemKeys, revision, rows, onWindowChange } = useRecycledRows({
       componentName,
       Slot: LazyItemsSlotNativeView,

package/src/jetpack-compose/LazyRow/index.tsx

@@ -5,6 +5,8 @@ import { type ContentPadding } from '../LazyColumn';
 import { createLazyItems } from '../LazyItems';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
+export { LazyItems, type LazyItemsProps } from '../LazyItems';
+
 export interface LazyRowProps {
   /**
    * The content to display inside the lazy row.

package/src/jetpack-compose/RNHostView/index.tsx

@@ -4,6 +4,7 @@ import type { LayoutChangeEvent } from 'react-native';
 
 import { PresentedContentContext, useIsPresentedInOwnWindow } from '../../PresentedContentContext';
 import type { ModifierConfig } from '../../types';
+import { resolveMatchContents } from '../../utils/matchContents';
 import type { PrimitiveBaseProps } from '../layout';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
@@ -11,10 +12,12 @@ export interface RNHostProps extends PrimitiveBaseProps {
   /**
    * When `true`, the RNHost will update its size in the Jetpack Compose view tree to match the children's size.
    * When `false`, the RNHost will use the size of the parent Jetpack Compose View.
+   * Pass an object to choose per axis. For example, `{ vertical: true }` takes the width from the
+   * parent and the height from the children, so text wraps and grows vertically.
    * Can be only set once on mount.
    * @default false
    */
-  matchContents?: boolean;
+  matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };
   /**
    * Called on mount and whenever this view's layout in the React Native view tree changes.
    * With `matchContents`, the reported size is the one measured from the hosted view.
@@ -30,8 +33,10 @@ export interface RNHostProps extends PrimitiveBaseProps {
   modifiers?: ModifierConfig[];
 }
 
-type NativeRNHostProps = RNHostProps & {
+type NativeRNHostProps = Omit<RNHostProps, 'matchContents'> & {
   layoutRoot: boolean;
+  matchContentsHorizontal: boolean;
+  matchContentsVertical: boolean;
   /**
    * Internal. Drives the shadow node's content measurement, see
    * `ExpoViewShadowNode::sizesToContent`.
@@ -44,13 +49,17 @@ const NativeRNHostView: ComponentType<NativeRNHostProps> = requireNativeView(
 );
 
 function transformProps(props: RNHostProps, layoutRoot: boolean): NativeRNHostProps {
-  const { modifiers, ...restProps } = props;
+  const { modifiers, matchContents, ...restProps } = props;
+  const { horizontal: matchContentsHorizontal, vertical: matchContentsVertical } =
+    resolveMatchContents(matchContents);
   return {
     modifiers,
     ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
     ...restProps,
     layoutRoot,
-    expoInternalSizeFromChildren: props.matchContents,
+    matchContentsHorizontal,
+    matchContentsVertical,
+    expoInternalSizeFromChildren: matchContentsHorizontal || matchContentsVertical,
   };
 }
 
@@ -61,12 +70,14 @@ export function RNHostView(props: RNHostProps) {
   // is what makes a `Pressable` drop its press on the first finger movement.
   const layoutRoot = useIsPresentedInOwnWindow();
 
+  const nativeProps = transformProps(props, layoutRoot);
+
   return (
     <NativeRNHostView
-      {...transformProps(props, layoutRoot)}
+      {...nativeProps}
       // `matchContents` can only be used once on mount
       // So we force unmount when it changes to prevent unexpected layout
-      key={props.matchContents ? 'matchContents' : 'noMatchContents'}>
+      key={`${nativeProps.matchContentsHorizontal}-${nativeProps.matchContentsVertical}`}>
       {/* Reset context here so only nearest RNHostView becomes the layout root for its children, and not any other RNHostView above it in the tree. */}
       <PresentedContentContext.Provider value={false}>
         {props.children}

package/src/jetpack-compose/index.ts

@@ -17,7 +17,6 @@ export * from './ExposedDropdownMenuBox';
 export * from './Divider';
 export * from './Host';
 export * from './LazyColumn';
-export { type LazyItemsProps } from './LazyItems';
 export * from './LazyRow';
 export * from './ListItem';
 export * from './RNHostView';

package/src/jetpack-compose/modifiers/index.ts

@@ -79,10 +79,23 @@ export const fillMaxWidth = (fraction?: number) => createModifier('fillMaxWidth'
 export const fillMaxHeight = (fraction?: number) => createModifier('fillMaxHeight', { fraction });
 
 /**
- * Sets the exact width of the view.
- * @param value - Width in dp.
+ * Intrinsic width values for the `width` modifier. `Min` is the smallest width at which the content
+ * still draws correctly, and `Max` is the width the content needs when nothing limits it.
  */
-export const width = (value: number) => createModifier('width', { width: value });
+export const IntrinsicSize = { Min: 'min', Max: 'max' } as const;
+export type IntrinsicSize = (typeof IntrinsicSize)[keyof typeof IntrinsicSize];
+
+/**
+ * Sets the width of the view to an exact value, or to the minimum or maximum intrinsic width of its
+ * content. The incoming constraints can still make the view narrower or wider than that width.
+ * @param value - Width in dp, or an `IntrinsicSize`. `IntrinsicSize.Min` uses the minimum intrinsic
+ * width, the smallest width at which the content still draws correctly (for a text, its widest word).
+ * `IntrinsicSize.Max` uses the maximum intrinsic width, the width the content needs when nothing
+ * limits it (for a text, a single line).
+ * @see [Compose `width(IntrinsicSize)` modifier](https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/width.modifier#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize))
+ * @see [Intrinsic measurements in Compose layouts](https://developer.android.com/develop/ui/compose/layouts/intrinsic-measurements)
+ */
+export const width = (value: number | IntrinsicSize) => createModifier('width', { width: value });
 
 /**
  * Sets the exact height of the view.

package/src/swift-ui/LazyHStack/index.tsx

@@ -1,8 +1,41 @@
 import { requireNativeView } from 'expo';
+import { type ReactElement } from 'react';
 
+import { createLazyStackForEach } from '../LazyStackForEach';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
+export interface LazyHStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders an item. Wrap it in `useCallback`, or every item re-renders on each parent render.
+   * Recycled views are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the view.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the items near the visible range and reuses them while scrolling. Set to `false`
+   * to render every item at once. Set it once; changing it remounts the items.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra items to prepare on each side of the visible items. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until an item is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
 export interface LazyHStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
@@ -30,3 +63,15 @@ export function LazyHStack(props: LazyHStackProps) {
     />
   );
 }
+
+/**
+ * A block of recycled items inside `LazyHStack`. Only a small pool of items around the visible
+ * range is mounted. Items that are not ready yet show a placeholder of `estimatedItemSize`, or of
+ * the size last measured for that item.
+ *
+ * Mount it as a direct child of `LazyHStack`.
+ */
+export const LazyHStackForEach: <T>(props: LazyHStackForEachProps<T>) => ReactElement =
+  createLazyStackForEach('LazyHStack.ForEach', 'horizontal');
+
+LazyHStack.ForEach = LazyHStackForEach;

package/src/swift-ui/LazyStackForEach/index.tsx

@@ -0,0 +1,110 @@
+import { requireNativeView } from 'expo';
+import { Fragment, type ReactElement } from 'react';
+
+import {
+  useItemKeys,
+  useRecycledRows,
+  type WindowChangeEvent,
+} from '../../recycling/useRecycledRows';
+import { type ViewEvent } from '../../types';
+import { NativeSlot } from '../List/DataListForEach';
+
+export interface LazyStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders a row. Wrap it in `useCallback`, or every row re-renders on each parent render.
+   * Recycled rows are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the row.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
+   * render every row at once. Set it once; changing it remounts the rows.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra rows to prepare on each side of the visible rows. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until a row is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
+type Axis = 'vertical' | 'horizontal';
+
+type NativeProps = ViewEvent<'onWindowChange', WindowChangeEvent> & {
+  axis: Axis;
+  itemKeys: string[];
+  revision: number;
+  estimatedItemSize: number;
+  children: ReactElement;
+};
+
+const NativeForEach = requireNativeView<NativeProps>('ExpoUI', 'DataListForEachView');
+const NativePool = requireNativeView<{ children: ReactElement[] }>(
+  'ExpoUI',
+  'DataListForEachPoolView'
+);
+
+/**
+ * @hidden
+ * Creates the `ForEach` component of one lazy stack, so its errors name that stack.
+ */
+export function createLazyStackForEach(componentName: string, axis: Axis) {
+  function ForEach<T>({ recycling = true, ...props }: LazyStackForEachProps<T>) {
+    return recycling ? <RecycledForEach {...props} /> : <StaticForEach {...props} />;
+  }
+
+  // Each row is a plain child of the lazy stack.
+  function StaticForEach<T>({
+    data,
+    keyExtractor,
+    children: renderItem,
+  }: Omit<LazyStackForEachProps<T>, 'recycling'>) {
+    const itemKeys = useItemKeys(componentName, data, keyExtractor);
+    return data.map((item, index) => (
+      <Fragment key={itemKeys[index]}>{renderItem({ item, index })}</Fragment>
+    ));
+  }
+
+  function RecycledForEach<T>({
+    data,
+    keyExtractor,
+    children: renderItem,
+    overscanCount,
+    estimatedItemSize = 64,
+  }: Omit<LazyStackForEachProps<T>, 'recycling'>) {
+    const { itemKeys, revision, rows, onWindowChange } = useRecycledRows({
+      componentName,
+      Slot: NativeSlot,
+      data,
+      keyExtractor,
+      renderItem,
+      overscanCount,
+      estimatedItemSize,
+    });
+
+    return (
+      <NativeForEach
+        axis={axis}
+        itemKeys={itemKeys}
+        revision={revision}
+        estimatedItemSize={estimatedItemSize}
+        onWindowChange={({ nativeEvent }) => onWindowChange(nativeEvent)}>
+        <NativePool>{rows}</NativePool>
+      </NativeForEach>
+    );
+  }
+  ForEach.displayName = componentName;
+  return ForEach;
+}

package/src/swift-ui/LazyVStack/index.tsx

@@ -1,8 +1,41 @@
 import { requireNativeView } from 'expo';
+import { type ReactElement } from 'react';
 
+import { createLazyStackForEach } from '../LazyStackForEach';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
+export interface LazyVStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders a row. Wrap it in `useCallback`, or every row re-renders on each parent render.
+   * Recycled rows are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the row.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
+   * render every row at once. Set it once; changing it remounts the rows.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra rows to prepare on each side of the visible rows. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until a row is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
 export interface LazyVStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
@@ -30,3 +63,15 @@ export function LazyVStack(props: LazyVStackProps) {
     />
   );
 }
+
+/**
+ * A block of recycled rows inside `LazyVStack`. Only a small pool of rows around the visible
+ * range is mounted. Rows that are not ready yet show a placeholder of `estimatedItemSize`, or of
+ * the size last measured for that row.
+ *
+ * Mount it as a direct child of `LazyVStack`.
+ */
+export const LazyVStackForEach: <T>(props: LazyVStackForEachProps<T>) => ReactElement =
+  createLazyStackForEach('LazyVStack.ForEach', 'vertical');
+
+LazyVStack.ForEach = LazyVStackForEach;