@expo/ui 58.0.9 → 58.0.11

package/build/universal/RNHostView/types.d.ts

@@ -6,16 +6,21 @@ import type { UniversalBaseProps } from '../types';
  */
 export interface RNHostViewProps extends UniversalBaseProps {
     /**
-     * When `true`, the host updates its size in the native view tree to match
-     * the children's size. When `false`, the host uses the size of the parent
-     * native view.
+     * When `true`, the host updates its size in the SwiftUI or Compose view tree to
+     * match the children's size. When `false`, the host uses the size of the parent
+     * SwiftUI or 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 only be set once on mount; changing it remounts the component.
      * @default false
      * @platform android
      * @platform ios
      */
-    matchContents?: boolean;
+    matchContents?: boolean | {
+        vertical?: boolean;
+        horizontal?: boolean;
+    };
     onLayout?: (event: LayoutChangeEvent) => void;
     /**
      * The React Native view to host.

package/build/universal/RNHostView/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["universal/RNHostView/types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAKA;;CAEC,GACD,WAmBC"}
+{"version":3,"sources":["universal/RNHostView/types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAKA;;CAEC,GACD,WAqBC"}

package/build/utils/matchContents.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Resolves `RNHostView`'s `matchContents` prop to one flag per axis.
+ */
+export declare function resolveMatchContents(matchContents: boolean | {
+    vertical?: boolean;
+    horizontal?: boolean;
+} | null | undefined): {
+    horizontal: boolean;
+    vertical: boolean;
+};

package/build/utils/matchContents.js

@@ -0,0 +1,16 @@
+/**
+ * Resolves `RNHostView`'s `matchContents` prop to one flag per axis.
+ */ export function resolveMatchContents(matchContents) {
+    if (matchContents != null && typeof matchContents === 'object') {
+        return {
+            horizontal: matchContents.horizontal ?? false,
+            vertical: matchContents.vertical ?? false
+        };
+    }
+    return {
+        horizontal: matchContents ?? false,
+        vertical: matchContents ?? false
+    };
+}
+
+//# sourceMappingURL=matchContents.js.map

package/build/utils/matchContents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/matchContents.ts"],"sourcesContent":[null],"names":["resolveMatchContents","matchContents","horizontal","vertical"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,qBACdC,aAAwF;IAExF,IAAIA,iBAAiB,QAAQ,OAAOA,kBAAkB,UAAU;QAC9D,OAAO;YACLC,YAAYD,cAAcC,UAAU,IAAI;YACxCC,UAAUF,cAAcE,QAAQ,IAAI;QACtC;IACF;IACA,OAAO;QAAED,YAAYD,iBAAiB;QAAOE,UAAUF,iBAAiB;IAAM;AAChF"}

package/ios/ExpoUIModule.swift

@@ -204,7 +204,6 @@ public final class ExpoUIModule: Module {
     ExpoUIView(BackgroundView.self)
     ExpoUIView(MaskView.self)
     ExpoUIView(GridView.self)
-    ExpoUIView(AccessoryWidgetBackgroundView.self)
     ExpoUIView(LinkView.self)
     ExpoUIView(TabView.self)
     ExpoUIView(Tab.self)

package/ios/Modifiers/ContainerBackgroundModifier.swift

@@ -2,9 +2,6 @@
 
 import ExpoModulesCore
 import SwiftUI
-#if !os(tvOS)
-import WidgetKit
-#endif
 
 internal enum ContainerBackgroundPlacementOptions: String, Enumerable {
   case widget
@@ -12,10 +9,11 @@ internal enum ContainerBackgroundPlacementOptions: String, Enumerable {
   case navigationSplitView
 
 #if !os(tvOS) && !os(macOS)
+  // `widget` is declared in WidgetKit, so expo-widgets applies it through `ViewModifierRegistry.widgetKit`.
   @available(iOS 18.0, *)
-  var toContainerBackgroundPlacement: ContainerBackgroundPlacement {
+  var toContainerBackgroundPlacement: ContainerBackgroundPlacement? {
     switch self {
-    case .widget: return .widget
+    case .widget: return nil
     case .navigation: return .navigation
     case .navigationSplitView: return .navigationSplitView
     }
@@ -28,20 +26,17 @@ internal struct ContainerBackgroundModifier: ViewModifier, Record {
   @Field var container: ContainerBackgroundPlacementOptions?
 
   func body(content: Content) -> some View {
-#if os(tvOS)
+#if os(tvOS) || os(macOS)
     content
-#elseif os(macOS)
-    if let shapeStyle = style?.toAnyShapeStyle(), container == .widget {
-      content.containerBackground(shapeStyle, for: .widget)
-    } else {
-      content
-    }
 #else
     if let shapeStyle = style?.toAnyShapeStyle(), let container {
-      if #available(iOS 18.0, *) {
-        content.containerBackground(shapeStyle, for: container.toContainerBackgroundPlacement)
-      } else if #available(iOS 17.0, *) {
-        content.containerBackground(shapeStyle, for: .widget)
+      if container == .widget, let widgetKit = ViewModifierRegistry.widgetKit {
+        widgetKit.containerBackground(AnyView(content), style: shapeStyle)
+      } else if #available(iOS 18.0, *), let placement = container.toContainerBackgroundPlacement {
+        content.containerBackground(shapeStyle, for: placement)
+      } else if let widgetKit = ViewModifierRegistry.widgetKit {
+        // On iOS 17, the other placements fall back to `widget`.
+        widgetKit.containerBackground(AnyView(content), style: shapeStyle)
       } else {
         content
       }
@@ -50,4 +45,16 @@ internal struct ContainerBackgroundModifier: ViewModifier, Record {
     }
 #endif
   }
+
+#if DEBUG
+  private static var didWarnAboutWidgetPlacement = false
+
+  func warnIfWidgetPlacementIsUnavailable() {
+    guard container == .widget, ViewModifierRegistry.widgetKit == nil, !Self.didWarnAboutWidgetPlacement else {
+      return
+    }
+    Self.didWarnAboutWidgetPlacement = true
+    log.warn("containerBackground with the 'widget' placement has no effect here, because it only applies inside widgets rendered by expo-widgets. Use the 'navigation' or 'navigationSplitView' placement in app screens.")
+  }
+#endif
 }

package/ios/Modifiers/PreferredColorSchemeModifier.swift

@@ -0,0 +1,12 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct PreferredColorSchemeModifier: ViewModifier, Record {
+  @Field var colorScheme: ColorSchemeType?
+
+  func body(content: Content) -> some View {
+    content.preferredColorScheme(colorScheme?.toNativeColorScheme())
+  }
+}

package/ios/Modifiers/View+ModifierArray.swift

@@ -67,10 +67,10 @@ internal extension Image {
         )
       }
 
-      if #available(iOS 18.0, macOS 15.0, *),
+      if let widgetKit = ViewModifierRegistry.widgetKit,
          let modifierConfig = modifiers.first(where: { $0["$type"] as? String == "widgetAccentedRenderingMode" }),
-         let modifier = try? WidgetAccentedRenderingModeModifier(from: modifierConfig, appContext: appContext) {
-        modifier.apply(to: image)
+         let view = widgetKit.widgetAccentedRenderingMode(image, params: modifierConfig, appContext: appContext) {
+        view
       } else {
         image
       }

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -1533,6 +1533,8 @@ public class ViewModifierRegistry {
   public typealias ModifierFactory = ([String: Any], AppContext, EventDispatcher) throws -> any ViewModifier
   private(set) internal var modifierFactories: [String: ModifierFactory] = [:]
 
+  public static var widgetKit: WidgetKitModifiers?
+
   private init() {
     registerBuiltInModifiers()
   }
@@ -2309,6 +2311,10 @@ extension ViewModifierRegistry {
       return try ScrollDisabledModifier(from: params, appContext: appContext)
     }
 
+    register("preferredColorScheme") { params, appContext, _ in
+      return try PreferredColorSchemeModifier(from: params, appContext: appContext)
+    }
+
     register("scrollClipDisabled") { params, appContext, _ in
       return try ScrollClipDisabledModifier(from: params, appContext: appContext)
     }
@@ -2393,14 +2399,6 @@ extension ViewModifierRegistry {
       return try ContentTransitionModifier(from: params, appContext: appContext)
     }
 
-    register("widgetURL") { params, appContext, _ in
-      return try WidgetURLModifier(from: params, appContext: appContext)
-    }
-
-    register("activityBackgroundTint") { params, appContext, _ in
-      return try ActivityBackgroundTintModifier(from: params, appContext: appContext)
-    }
-
     register("keyboardType") { params, appContext, _ in
       return try KeyboardTypeModifier(from: params, appContext: appContext)
     }
@@ -2414,7 +2412,11 @@ extension ViewModifierRegistry {
     }
 
     register("containerBackground") { params, appContext, _ in
-      return try ContainerBackgroundModifier(from: params, appContext: appContext)
+      let modifier = try ContainerBackgroundModifier(from: params, appContext: appContext)
+      #if DEBUG
+      modifier.warnIfWidgetPlacementIsUnavailable()
+      #endif
+      return modifier
     }
 
     register("symbolEffect") { params, appContext, _ in

package/ios/Modifiers/WidgetKitModifiers.swift

@@ -0,0 +1,13 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+/**
+ * The parts of SwiftUI that are declared in WidgetKit. expo-widgets sets
+ * `ViewModifierRegistry.widgetKit`, so ExpoUI does not link WidgetKit.
+ */
+public protocol WidgetKitModifiers {
+  func containerBackground(_ view: AnyView, style: AnyShapeStyle) -> AnyView
+  func widgetAccentedRenderingMode(_ image: Image, params: [String: Any], appContext: AppContext) -> AnyView?
+}

package/ios/RNHostView.swift

@@ -4,7 +4,8 @@ import SwiftUI
 import ExpoModulesCore
 
 internal final class RNHostViewProps: ExpoSwiftUI.ViewProps {
-  @Field var matchContents: Bool = false
+  @Field var matchContentsHorizontal: Bool = false
+  @Field var matchContentsVertical: Bool = false
   /**
    Adds LeafNode and MeasurableYogaNode trait in Shadow node
    */
@@ -50,8 +51,13 @@ struct RNHostView: ExpoSwiftUI.View {
 
   @ViewBuilder
   private var hostedContent: some View {
-    if props.matchContents, let childUIView = firstChildUIView {
-      ApplySizeFromYogaNode(childUIView: childUIView) {
+    if matchesContents, let childUIView = firstChildUIView {
+      ApplySizeFromYogaNode(
+        childUIView: childUIView,
+        horizontal: props.matchContentsHorizontal,
+        vertical: props.matchContentsVertical,
+        shadowNodeProxy: props.shadowNodeProxy
+      ) {
         Children()
       }
       .onAppear {
@@ -62,7 +68,7 @@ struct RNHostView: ExpoSwiftUI.View {
       .onDisappear {
         touchHandler.detach()
       }
-    } else if props.matchContents {
+    } else if matchesContents {
       // No hosted UIView (a pure SwiftUI child, e.g. Text/Image). Render it at its
       // natural size instead of falling into the fill branch below, which would
       // stretch a self-sizing SwiftUI view to fill its container.
@@ -87,6 +93,10 @@ struct RNHostView: ExpoSwiftUI.View {
     }
   }
 
+  private var matchesContents: Bool {
+    props.matchContentsHorizontal || props.matchContentsVertical
+  }
+
   private var firstChildUIView: UIView? {
     props.children?.first?.uiView
   }
@@ -143,20 +153,52 @@ private final class RNHostTouchHandler: ObservableObject {
   }
 }
 
-// Sets SwiftUI view size from Yoga node size
+// Sets SwiftUI view size from Yoga node size on the matched axes
 // Listens to Yoga node size changes and updates the SwiftUI view size
+// An axis that is not matched fills the parent and reports its size to the Yoga node instead
 private struct ApplySizeFromYogaNode<Content: SwiftUI.View>: SwiftUI.View {
   @StateObject private var observer: Observer
+  let horizontal: Bool
+  let vertical: Bool
+  let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
   let content: Content
 
-  init(childUIView: UIView, @ViewBuilder content: () -> Content) {
+  init(
+    childUIView: UIView,
+    horizontal: Bool,
+    vertical: Bool,
+    shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy,
+    @ViewBuilder content: () -> Content
+  ) {
     _observer = StateObject(wrappedValue: Observer(view: childUIView))
+    self.horizontal = horizontal
+    self.vertical = vertical
+    self.shadowNodeProxy = shadowNodeProxy
     self.content = content()
   }
 
   var body: some SwiftUI.View {
-    content
-      .frame(width: observer.size.width, height: observer.size.height)
+    if horizontal && vertical {
+      content
+        .frame(width: observer.size.width, height: observer.size.height)
+    } else {
+      content
+        .frame(
+          width: horizontal ? observer.size.width : nil,
+          height: vertical ? observer.size.height : nil
+        )
+        .frame(
+          maxWidth: horizontal ? nil : .infinity,
+          maxHeight: vertical ? nil : .infinity
+        )
+        .modifier(
+          ReportSizeToYogaNodeModifier(
+            shadowNodeProxy: shadowNodeProxy,
+            reportWidth: !horizontal,
+            reportHeight: !vertical
+          )
+        )
+    }
   }
 
   @MainActor
@@ -183,9 +225,13 @@ private struct ApplySizeFromYogaNode<Content: SwiftUI.View>: SwiftUI.View {
 // Listens to SwiftUI view size changes and updates the Yoga node size
 private struct ReportSizeToYogaNodeModifier: ViewModifier {
   let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+  var reportWidth = true
+  var reportHeight = true
 
   private func handleSizeChange(_ size: CGSize) {
-    shadowNodeProxy.setViewSize?(size)
+    shadowNodeProxy.setViewSize?(
+      CGSize(width: reportWidth ? size.width : .nan, height: reportHeight ? size.height : .nan)
+    )
   }
 
   func body(content: Content) -> some View {

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

@@ -0,0 +1 @@
+1302e48111e4d1b9df2e41d53b5aced4

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

@@ -0,0 +1 @@
+35f9c28864e4c66ebf31d87331aaf606420295dd

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

@@ -0,0 +1 @@
+d6b5917f7e254bed3b859860b39f0cf57b943148a0dc5c25282599caaa5bbf7e

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

@@ -0,0 +1 @@
+7325da1dbb0f220f807982fa7797678dba275209f74efde81b39d4ecf3452573708a111629552ae98257631d5c8e9d26438d10a50172c6d731e247d20f8762c0

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

@@ -0,0 +1 @@
+42294a6398d445ac12b85609173d6710

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

@@ -0,0 +1 @@
+552a8fdfc1afb51afb7bf9f742f2917988ccb39d

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

@@ -0,0 +1 @@
+3c1582041a0a49f0df088ad60c5ee3c2333da74afff9a783f4e31984ef5f975d

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

@@ -0,0 +1 @@
+453c085a9a3f87728a04202f8345587720468598c7873813e572b87013ff025c384008e4c77d5ca54db253df56b5545b6180aec60b0164afce10cb1ad8c128cc

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.9/expo.modules.ui-58.0.9.module → 58.0.11/expo.modules.ui-58.0.11.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.9",
+    "version": "58.0.11",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.9.aar",
-          "url": "expo.modules.ui-58.0.9.aar",
-          "size": 1842529,
-          "sha512": "1c0e1676d8ed6f47450bb5e7f28d486d275a7e0264893ea78bac3cacc0341aa3e0097f5c033fb601eac07fc8482498005a51f27b8bffcc7249366b34b14b40f5",
-          "sha256": "a88a20a3df6e5cfd20d54e45c597425a5e052a5b8ba95a41d6b5a92aa8c02fc6",
-          "sha1": "518280855fc0ebe67334a36edceffbfbce55f947",
-          "md5": "03491dfb69ff8c25616d5f8ca35be94a"
+          "name": "expo.modules.ui-58.0.11.aar",
+          "url": "expo.modules.ui-58.0.11.aar",
+          "size": 1843657,
+          "sha512": "453c085a9a3f87728a04202f8345587720468598c7873813e572b87013ff025c384008e4c77d5ca54db253df56b5545b6180aec60b0164afce10cb1ad8c128cc",
+          "sha256": "3c1582041a0a49f0df088ad60c5ee3c2333da74afff9a783f4e31984ef5f975d",
+          "sha1": "552a8fdfc1afb51afb7bf9f742f2917988ccb39d",
+          "md5": "42294a6398d445ac12b85609173d6710"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.9.aar",
-          "url": "expo.modules.ui-58.0.9.aar",
-          "size": 1842529,
-          "sha512": "1c0e1676d8ed6f47450bb5e7f28d486d275a7e0264893ea78bac3cacc0341aa3e0097f5c033fb601eac07fc8482498005a51f27b8bffcc7249366b34b14b40f5",
-          "sha256": "a88a20a3df6e5cfd20d54e45c597425a5e052a5b8ba95a41d6b5a92aa8c02fc6",
-          "sha1": "518280855fc0ebe67334a36edceffbfbce55f947",
-          "md5": "03491dfb69ff8c25616d5f8ca35be94a"
+          "name": "expo.modules.ui-58.0.11.aar",
+          "url": "expo.modules.ui-58.0.11.aar",
+          "size": 1843657,
+          "sha512": "453c085a9a3f87728a04202f8345587720468598c7873813e572b87013ff025c384008e4c77d5ca54db253df56b5545b6180aec60b0164afce10cb1ad8c128cc",
+          "sha256": "3c1582041a0a49f0df088ad60c5ee3c2333da74afff9a783f4e31984ef5f975d",
+          "sha1": "552a8fdfc1afb51afb7bf9f742f2917988ccb39d",
+          "md5": "42294a6398d445ac12b85609173d6710"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.9-sources.jar",
-          "url": "expo.modules.ui-58.0.9-sources.jar",
-          "size": 110135,
-          "sha512": "d1b747e78264dad3ee7a5322811ff5d079433fa34a32ebb5ae5c29c5c3ef412746a8c10d3e22937037b45a4b909783329deebf92b09e5c1ef486807a5978ffc6",
-          "sha256": "73965c56280c334bb29231b9523362401285d6609ef8b75839f1c89b6a3aa4f7",
-          "sha1": "a5da15def1d399f452a19c62651e73a942d873ec",
-          "md5": "ec47224b2d335b3f472a55d70f343b8f"
+          "name": "expo.modules.ui-58.0.11-sources.jar",
+          "url": "expo.modules.ui-58.0.11-sources.jar",
+          "size": 110713,
+          "sha512": "7325da1dbb0f220f807982fa7797678dba275209f74efde81b39d4ecf3452573708a111629552ae98257631d5c8e9d26438d10a50172c6d731e247d20f8762c0",
+          "sha256": "d6b5917f7e254bed3b859860b39f0cf57b943148a0dc5c25282599caaa5bbf7e",
+          "sha1": "35f9c28864e4c66ebf31d87331aaf606420295dd",
+          "md5": "1302e48111e4d1b9df2e41d53b5aced4"
         }
       ]
     }

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

@@ -0,0 +1 @@
+1a53961016c8ae739d98017577878f41

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

@@ -0,0 +1 @@
+177d63d30567acf8813edf88c6a61165ae8327d9

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

@@ -0,0 +1 @@
+8c9b268c255ce001213ec694e09cb488a61af94350f20dfa4553b6e65c21574c

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

@@ -0,0 +1 @@
+b782bd23e94df6526eeb28aa8c94a5c719d2ffcb329810adf7d76424071de7f4d817203ac96adc5ccfe50665a0551860756aec9484a769e4f5b03b4f9d3bfb7d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.9/expo.modules.ui-58.0.9.pom → 58.0.11/expo.modules.ui-58.0.11.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>58.0.9</version>
+  <version>58.0.11</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.11/expo.modules.ui-58.0.11.pom.md5

@@ -0,0 +1 @@
+7e5efd77a13adde1e485cec64e23b052

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

@@ -0,0 +1 @@
+74675a495c2af28ac07bb6a9bff5900800df5f1b

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

@@ -0,0 +1 @@
+87480436c37f4080a36ee31a7192215c066e69d8df32f237ce1c2d172b84d9c8

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

@@ -0,0 +1 @@
+e78b6109060d7761704f0472a04d1ee83bc40d9e31136840bbb8b79888f16c8084d5cda64a9ccb89cb490eceb21c7154e9df30873c4004958203917d0da0a037

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.9",
+  "version": "58.0.11",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -143,12 +143,12 @@
     "@babel/core": "^7.26.0",
     "@playwright/test": "^1.59.0",
     "@testing-library/react": "^16.3.0",
-    "@testing-library/react-native": "^13.3.0",
+    "@testing-library/react-native": "^14.0.1",
     "@types/babel__core": "^7.20.5",
     "@types/jest": "^29.2.1",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo-module-scripts": "56.0.4",
+    "expo-module-scripts": "56.0.5",
     "react-native-reanimated": "4.7.0",
     "react-native-worklets": "0.13.0"
   },

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/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}