@expo/ui 58.0.14 → 58.0.16

package/ios/Modifiers/SearchableModifier.swift

@@ -0,0 +1,94 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum SearchFieldPlacementType: String, Enumerable {
+  case automatic
+  case toolbar
+  case sidebar
+  case navigationBarDrawer
+
+  var toSearchFieldPlacement: SearchFieldPlacement {
+    switch self {
+    case .automatic:
+      return .automatic
+    case .toolbar:
+#if os(tvOS)
+      return .automatic
+#else
+      return .toolbar
+#endif
+    case .sidebar:
+#if os(tvOS)
+      return .automatic
+#else
+      return .sidebar
+#endif
+    case .navigationBarDrawer:
+#if os(iOS)
+      return .navigationBarDrawer
+#else
+      return .automatic
+#endif
+    }
+  }
+}
+
+internal struct SearchableModifier: ViewModifier, Record {
+  @Field var text: ObservableState?
+  @Field var placement: SearchFieldPlacementType = .automatic
+  @Field var prompt: String?
+  var eventDispatcher: EventDispatcher?
+
+  init() {}
+
+  init(from params: Dict, appContext: AppContext, eventDispatcher: EventDispatcher) throws {
+    try self = .init(from: params, appContext: appContext)
+    self.eventDispatcher = eventDispatcher
+  }
+
+  @ViewBuilder
+  func body(content: Content) -> some View {
+    if let text {
+      SearchableWrapper(
+        state: text,
+        placement: placement,
+        prompt: prompt,
+        eventDispatcher: eventDispatcher
+      ) {
+        content
+      }
+    } else {
+      content
+    }
+  }
+}
+
+private struct SearchableWrapper<C: View>: View {
+  @ObservedObject var state: ObservableState
+  let placement: SearchFieldPlacementType
+  let prompt: String?
+  let eventDispatcher: EventDispatcher?
+  @ViewBuilder let content: () -> C
+
+  var body: some View {
+    // The search field writes through the binding. Only report edits that come from the field,
+    // so a value written from JavaScript does not bounce back as an event.
+    let query = Binding<String>(
+      get: { state.value as? String ?? "" },
+      set: { newValue in
+        guard newValue != state.value as? String else {
+          return
+        }
+        state.value = newValue
+        eventDispatcher?(["searchable": ["text": newValue]])
+      }
+    )
+    if let prompt {
+      content().searchable(text: query, placement: placement.toSearchFieldPlacement, prompt: prompt)
+    } else {
+      content().searchable(text: query, placement: placement.toSearchFieldPlacement)
+    }
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -2380,6 +2380,14 @@ extension ViewModifierRegistry {
       return try ScrollPositionModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
     }
 
+    register("searchable") { params, appContext, eventDispatcher in
+      return try SearchableModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
+    }
+
+    register("searchToolbarBehavior") { params, appContext, _ in
+      return try SearchToolbarBehaviorModifier(from: params, appContext: appContext)
+    }
+
     register("pickerStyle") { params, appContext, _ in
       return try PickerStyleModifier(from: params, appContext: appContext)
     }

package/ios/NamespaceView.swift

@@ -21,6 +21,7 @@ internal struct NamespaceView: ExpoSwiftUI.View {
     NamespaceRegistry.shared.registerNamespace(namespace, forKey: props.id)
 
     return Children()
+      .publishZeroContentOrigin(props.shadowNodeProxy)
       .onDisappear {
         NamespaceRegistry.shared.unregisterNamespace(forKey: props.id)
       }

package/ios/Picker/PickerView.swift

@@ -12,6 +12,7 @@ internal final class PickerProps: UIBaseViewProps {
 
 internal struct PickerView: ExpoSwiftUI.View {
   @State var selection: AnyHashable?
+  @State private var previousSelection: AnyHashable?
   @ObservedObject var props: PickerProps
   
   init(props: PickerProps) {
@@ -38,11 +39,8 @@ internal struct PickerView: ExpoSwiftUI.View {
 
     picker
     .onChange(of: selection) { newValue in
-      guard let newValue else { return }
-      let currentSelection = Self.getHashableFromEither(props.selection)
-      if currentSelection == newValue {
-        return
-      }
+      guard let newValue, newValue != previousSelection else { return }
+      previousSelection = newValue
       let payload: [String: Any]
       if let stringValue = newValue as? String {
         payload = ["selection": stringValue]
@@ -54,10 +52,14 @@ internal struct PickerView: ExpoSwiftUI.View {
       props.onSelectionChange(payload)
     }
     .onChange(of: props.selection) { newValue in
-      selection = Self.getHashableFromEither(newValue)
+      let newSelection = Self.getHashableFromEither(newValue)
+      previousSelection = newSelection
+      selection = newSelection
     }
     .onAppear {
-      selection = Self.getHashableFromEither(props.selection)
+      let initialSelection = Self.getHashableFromEither(props.selection)
+      previousSelection = initialSelection
+      selection = initialSelection
     }
   }
 

package/ios/RNHostView.swift

@@ -107,14 +107,17 @@ struct RNHostView: ExpoSwiftUI.View {
 private struct PublishContentOriginModifier: ViewModifier {
   let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
   let isEnabled: Bool
+  @Environment(\.expoHostingView) private var hostingView
 
   func body(content: Content) -> some View {
     if isEnabled {
       content
-        .onGeometryChange(for: CGRect.self) { proxy in
-          proxy.frame(in: .named(expoHostCoordinateSpace))
-        } action: { frame in
-          shadowNodeProxy.setContentOrigin?(frame.origin)
+        .onGeometryChange(for: CGPoint?.self) { proxy in
+          originInHost(proxy)
+        } action: { origin in
+          if let origin {
+            shadowNodeProxy.setContentOrigin?(origin)
+          }
         }
         .onDisappear {
           shadowNodeProxy.clearContentOrigin?()
@@ -123,6 +126,18 @@ private struct PublishContentOriginModifier: ViewModifier {
       content
     }
   }
+
+  // Relative to the `Host`'s UIKit view, which Yoga laid out, so a safe-area inset is included.
+  private func originInHost(_ proxy: GeometryProxy) -> CGPoint? {
+    #if os(macOS)
+    return proxy.frame(in: .named(expoHostCoordinateSpace)).origin
+    #else
+    guard let hostView = hostingView?.view, let window = hostView.window else {
+      return nil
+    }
+    return hostView.convert(proxy.frame(in: .global).origin, from: window)
+    #endif
+  }
 }
 
 // Tracks the `RCTSurfaceTouchHandler` attached to a hosted RN view so it can be detached when the

package/ios/SlotView.swift

@@ -17,6 +17,7 @@ public struct SlotView: ExpoSwiftUI.View {
 
   public var body: some View {
     Children()
+      .publishZeroContentOrigin(props.shadowNodeProxy)
   }
 
   func extra<T>(_ key: String, as type: T.Type = T.self) -> T? {

package/ios/TabView/TabView.swift

@@ -56,7 +56,9 @@ internal struct TabView: ExpoSwiftUI.View {
           systemImage: tab.props.systemImage ?? "",
           value: tab.props.value
         ) {
+          // The tab's own body does not run here, so publish its zero content origin on its content.
           Self.tabContent(for: tab.props.children ?? [])
+            .publishZeroContentOrigin(tab.props.shadowNodeProxy)
         }
 #if !os(tvOS)
         .badge(Self.badgeText(from: tab.props.modifiers))

package/ios/ToolbarView.swift

@@ -15,7 +15,8 @@ private struct ToolbarContentView: View {
     let children = props.children ?? []
 
     if children.contains(where: isItem) {
-      children.reduce(base) { view, child in
+      // The content slot's own body does not run here, so publish its zero content origin on the base.
+      children.reduce(AnyView(base.publishZeroContentOrigin(props.shadowNodeProxy))) { view, child in
         let childView: any View = child.childView
 
         guard let slot = child.childView as? SlotView, slot.props.name == "item" else {

package/ios/UIBaseView.swift

@@ -19,6 +19,19 @@ public struct UIBaseView<Props: UIBaseViewProps, Content: ExpoSwiftUI.View<Props
     innerView
       .applyAccessibilityIdentifier(props.testID)
       .applyModifiers(props.modifiers, appContext: props.appContext, globalEventDispatcher: props.globalEventDispatcher)
+      .publishZeroContentOrigin(props.shadowNodeProxy)
+  }
+}
+
+extension View {
+  /**
+   SwiftUI places this view, so `measure()` must skip its Yoga origin. A zero content origin does that,
+   and `RNHostView` reports its own position inside the `Host`. Core clears the entry on teardown.
+   */
+  func publishZeroContentOrigin(_ shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy) -> some View {
+    onAppear {
+      shadowNodeProxy.setContentOrigin?(.zero)
+    }
   }
 }
 

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

@@ -0,0 +1 @@
+6b0b0d2a72178b6d25a038ee47271abb

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

@@ -0,0 +1 @@
+aef15fcbe60dff9cbb6491595df9269d819f7065

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

@@ -0,0 +1 @@
+101a40d45fc8e73887c9518fbc88c31e2a700ca6e62d2cc96dd65f72459a9d69

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

@@ -0,0 +1 @@
+79141ef63c1b975a30858d8c1ca7bccde8d14a64d337883063b3c1cbe44f977cc40e0fda89d3076fd84b5e47308e86b3659c71744a4fc3cac2b858a0686f38c6

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

@@ -0,0 +1 @@
+812db5879217f7bbe3b44b5ffcb0725a

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

@@ -0,0 +1 @@
+64369f3b1f16363a28412ac36309b53dc2a29752

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

@@ -0,0 +1 @@
+b8e480f4d8449359c2f5686c3614c9aa82ef98af9b7ce0edd4d839d14de7696f

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

@@ -0,0 +1 @@
+9e42c8a718971e6d77015353c6747570385fe0c1d901cf388a50509e00c9ee8581a81ba88d0e83a611b7ec5a6d1dff4280ecf81ed92776d2cf7c26f48c0048c5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.14/expo.modules.ui-58.0.14.module → 58.0.16/expo.modules.ui-58.0.16.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.14",
+    "version": "58.0.16",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.14.aar",
-          "url": "expo.modules.ui-58.0.14.aar",
-          "size": 1843673,
-          "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
-          "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
-          "sha1": "1409db74c61bae87d4830fa0652a822c1ba21d80",
-          "md5": "26e374a25a5054c68e67a99ea46b3858"
+          "name": "expo.modules.ui-58.0.16.aar",
+          "url": "expo.modules.ui-58.0.16.aar",
+          "size": 1858313,
+          "sha512": "9e42c8a718971e6d77015353c6747570385fe0c1d901cf388a50509e00c9ee8581a81ba88d0e83a611b7ec5a6d1dff4280ecf81ed92776d2cf7c26f48c0048c5",
+          "sha256": "b8e480f4d8449359c2f5686c3614c9aa82ef98af9b7ce0edd4d839d14de7696f",
+          "sha1": "64369f3b1f16363a28412ac36309b53dc2a29752",
+          "md5": "812db5879217f7bbe3b44b5ffcb0725a"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.14.aar",
-          "url": "expo.modules.ui-58.0.14.aar",
-          "size": 1843673,
-          "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
-          "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
-          "sha1": "1409db74c61bae87d4830fa0652a822c1ba21d80",
-          "md5": "26e374a25a5054c68e67a99ea46b3858"
+          "name": "expo.modules.ui-58.0.16.aar",
+          "url": "expo.modules.ui-58.0.16.aar",
+          "size": 1858313,
+          "sha512": "9e42c8a718971e6d77015353c6747570385fe0c1d901cf388a50509e00c9ee8581a81ba88d0e83a611b7ec5a6d1dff4280ecf81ed92776d2cf7c26f48c0048c5",
+          "sha256": "b8e480f4d8449359c2f5686c3614c9aa82ef98af9b7ce0edd4d839d14de7696f",
+          "sha1": "64369f3b1f16363a28412ac36309b53dc2a29752",
+          "md5": "812db5879217f7bbe3b44b5ffcb0725a"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.14-sources.jar",
-          "url": "expo.modules.ui-58.0.14-sources.jar",
-          "size": 110723,
-          "sha512": "3e6c99d1b6aa74d01d30339d222653a631dae2abf99075e4c25fc171fbb33f9d55bca7daee4d1cd4c6ecdcdc89fb71067de948ac4a91135b6ce38cbb337c52d1",
-          "sha256": "eee15e7c9f3aeb7b3941ead7ce0e72d8174b0b95964c69ef5a1d5fbf02536fbe",
-          "sha1": "e587fcde7f1c58c339f95759565034f989a49dcf",
-          "md5": "041ed0d6d536bbcf8d08e7a653bea8ef"
+          "name": "expo.modules.ui-58.0.16-sources.jar",
+          "url": "expo.modules.ui-58.0.16-sources.jar",
+          "size": 112962,
+          "sha512": "79141ef63c1b975a30858d8c1ca7bccde8d14a64d337883063b3c1cbe44f977cc40e0fda89d3076fd84b5e47308e86b3659c71744a4fc3cac2b858a0686f38c6",
+          "sha256": "101a40d45fc8e73887c9518fbc88c31e2a700ca6e62d2cc96dd65f72459a9d69",
+          "sha1": "aef15fcbe60dff9cbb6491595df9269d819f7065",
+          "md5": "6b0b0d2a72178b6d25a038ee47271abb"
         }
       ]
     }

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

@@ -0,0 +1 @@
+d130a88c3e9ea609bae6f4e886ab244d

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

@@ -0,0 +1 @@
+81f23fddc089c0a466c08356e6c33881fd08d65c

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

@@ -0,0 +1 @@
+d57d5ce3086debe5c6c7760679de69409aa264c6871d034bac2140af6245f9f4

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

@@ -0,0 +1 @@
+44da04bba32c6fbb281c187d7382eabf9cf3cf674dc9f469335345dfe7268e2818a725531749822cd788eb96ce8c56ecb3535f30c757da77fb67630c050de4f3

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.14/expo.modules.ui-58.0.14.pom → 58.0.16/expo.modules.ui-58.0.16.pom}

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

@@ -0,0 +1 @@
+22c38dd6d4b789603e333d4c0a25d138

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

@@ -0,0 +1 @@
+de7f94f1b4c3356f8244f8b620146bb9f37c52b8

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

@@ -0,0 +1 @@
+2bc1691b86aa0689fbf3bd19f3904aed5b40d206a8a152a03bf27c92eb871f28

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

@@ -0,0 +1 @@
+528fce22a7b79c091d7dab483702c8e99ae783b76bd79c6b11e2086d9c59308f28a1b77e9379d8dc81f3ce6b3916f100d8c5c873ac165f75f780262ae8f56264

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.14",
+  "version": "58.0.16",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -141,6 +141,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
+    "@expo/internal-scripts": "58.0.1",
     "@playwright/test": "^1.59.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-native": "^14.0.1",
@@ -148,7 +149,6 @@
     "@types/jest": "^30.0.0",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo-module-scripts": "56.0.8",
     "react-native-reanimated": "4.7.0",
     "react-native-worklets": "0.13.0"
   },

package/src/NativeTreeContext.tsx

@@ -0,0 +1,31 @@
+import { createContext, useContext, useEffect } from 'react';
+
+/**
+ * `true` inside a `Host`, where SwiftUI or Jetpack Compose renders the content. `RNHostView` sets it
+ * back to `false`, because its children are React Native views again.
+ */
+export const NativeTreeContext = createContext(false);
+
+export function useIsInsideNativeTree(): boolean {
+  return useContext(NativeTreeContext);
+}
+
+let warned = false;
+
+/**
+ * Warns once in development when a `Host` renders directly inside another `Host`'s native content.
+ */
+export function useWarnIfNestedHost(layoutSystem: 'SwiftUI' | 'Jetpack Compose'): void {
+  const isNested = useIsInsideNativeTree();
+  useEffect(() => {
+    if (__DEV__ && isNested && !warned) {
+      warned = true;
+      console.warn(
+        `[@expo/ui] A \`Host\` is rendered directly inside another \`Host\`'s ${layoutSystem} content. ` +
+          `${layoutSystem} places it, but React Native can't see where, so its layout and \`measure()\` ` +
+          `can be wrong, and a \`Pressable\` inside it can cancel its press. Wrap the nested \`Host\` in ` +
+          `\`RNHostView\`, or render its ${layoutSystem} components directly in the outer \`Host\`.`
+      );
+    }
+  }, [isNested, layoutSystem]);
+}

package/src/State/useWorkletCallback.ts

@@ -4,7 +4,7 @@ import { worklets } from './optionalWorklets';
 import { useWorkletProp } from './useWorkletProp';
 
 /**
- * A worklet function wrapped for native code, returned by [`useWorkletCallback`](#useworkletcallback).
+ * A worklet function wrapped for native code, returned by [`useWorkletCallback`](#useworkletcallbackcallback).
  * Pass it to a modifier or prop that accepts worklet callbacks, which then runs it synchronously on
  * the UI thread.
  */

package/src/community/bottom-sheet/BottomSheet.ios.tsx

@@ -199,8 +199,9 @@ export function BottomSheet(props: BottomSheetProps) {
     const bg = extractBackgroundColor(backgroundStyle);
     return [
       ...(fitToContents
-        ? // Makes the iPad sheet size to that content instead of opening near full height.
-          [presentationSizing('fitted')]
+        ? // Fits the sheet height to the content (iPad opens near full height otherwise) and lets
+          // the system choose the width.
+          [presentationSizing('automatic', { fitted: { horizontal: false, vertical: true } })]
         : [
             presentationDetents(detents, {
               selection: selectedDetent,
@@ -231,16 +232,16 @@ export function BottomSheet(props: BottomSheetProps) {
             onDismiss={fireCloseCallbacks}
             fitToContents={fitToContents}>
             <Group modifiers={modifiers}>
-              <RNHostView matchContents={fitToContents}>
+              <RNHostView matchContents={fitToContents ? { vertical: true } : false}>
                 {/* paddingTop compensates for tighter spacing between native drag indicator and content
                     compared to gorhom's handle. flexGrow:1 + height:0 (flex-basis 0) fills the snap-point
                     height without inheriting the scrollable child's intrinsic content height. With matchContents,
-                    RNHostView lays the hosted view out at its own size, so `width` gives it the sheet width
-                    while its height stays content-sized. */}
+                    RNHostView takes the width from the sheet, which can be narrower than the window, and
+                    the height from the content. */}
                 <View
                   style={
                     fitToContents
-                      ? { width, paddingTop: handleComponent !== null ? 16 : 0 }
+                      ? { paddingTop: handleComponent !== null ? 16 : 0 }
                       : { flexGrow: 1, height: 0, paddingTop: handleComponent !== null ? 16 : 0 }
                   }>
                   <SheetScrollContextReset>{children}</SheetScrollContextReset>

package/src/community/datetime-picker/DateTimePicker.android.tsx

@@ -129,6 +129,10 @@ export function DateTimePicker(props: DateTimePickerProps) {
         color={accentColor}
         onDateSelected={onDateSelected}
         showVariantToggle={false}
+        // Match iOS, where the inline picker has no label: hide Material 3's "Select date" title
+        // and its selected-date headline.
+        showTitle={false}
+        showHeadline={false}
         {...(testID ? { testID } : undefined)}
       />
     </Host>

package/src/community/menu/MenuView.android.tsx

@@ -12,8 +12,12 @@ import { Icon } from '../../jetpack-compose/Icon';
 import { RNHostView } from '../../jetpack-compose/RNHostView';
 import { Text as ComposeText } from '../../jetpack-compose/Text';
 import { useMaterialColors } from '../../jetpack-compose/colors';
+import type { PopupProperties } from '../../types';
 import type { MenuAction, MenuComponentProps, MenuComponentRef, NativeActionEvent } from './types';
 
+// Clipped popups drop the status bar offset, so edge-to-edge menus near the bottom detach from the anchor.
+const POPUP_PROPERTIES: PopupProperties = { clippingEnabled: false };
+
 function actionId(action: MenuAction): string {
   return action.id ?? action.title;
 }
@@ -82,7 +86,10 @@ function MenuActionItem({ action, onPressAction, dismissAll, destructiveColor }:
       );
     }
     return (
-      <DropdownMenu expanded={submenuExpanded} onDismissRequest={() => setSubmenuExpanded(false)}>
+      <DropdownMenu
+        expanded={submenuExpanded}
+        onDismissRequest={() => setSubmenuExpanded(false)}
+        properties={POPUP_PROPERTIES}>
         <DropdownMenu.Trigger>
           <DropdownMenuItem
             enabled={!attributes?.disabled}
@@ -191,7 +198,10 @@ export function MenuView(props: MenuComponentProps & { ref?: React.Ref<MenuCompo
   return (
     <View style={style} testID={testID}>
       <Host colorScheme={colorScheme} matchContents>
-        <DropdownMenu expanded={expanded} onDismissRequest={dismissAll}>
+        <DropdownMenu
+          expanded={expanded}
+          onDismissRequest={dismissAll}
+          properties={POPUP_PROPERTIES}>
           <DropdownMenu.Trigger>
             <RNHostView matchContents>
               <Pressable

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

@@ -131,6 +131,20 @@ export interface DateTimePickerProps {
    * @default true
    */
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot. This prop has no effect when `displayedComponents` is
+   * `'hourAndMinute'`.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot. This prop has no effect when
+   * `displayedComponents` is `'hourAndMinute'`.
+   * @default true
+   */
+  showHeadline?: boolean;
   /**
    * The components that the picker should display.
    * On Android, you can have a picker that selects just the date or just the time.
@@ -252,6 +266,18 @@ export interface DateRangePickerProps {
    * @default true
    */
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot.
+   * @default true
+   */
+  showHeadline?: boolean;
   /**
    * The tint color to use on the picker elements.
    */
@@ -332,6 +358,18 @@ export interface DatePickerDialogProps {
   initialDate?: string | null;
   variant?: AndroidVariant;
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot.
+   * @default true
+   */
+  showHeadline?: boolean;
   confirmButtonLabel?: string;
   dismissButtonLabel?: string;
   color?: ColorValue;

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

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle, ColorValue } from 'react-native';
 
 import { PresentedContent } from '../../PresentedContentContext';
-import type { ModifierConfig } from '../../types';
+import type { ModifierConfig, PopupProperties } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
 const MenuNativeView: React.ComponentType<NativeMenuProps> = requireNativeView(
@@ -59,6 +59,13 @@ export interface DropdownMenuProps {
    */
   shadowElevation?: number;
 
+  /**
+   * Properties for the popup window of the dropdown menu.
+   *
+   * @platform android
+   */
+  properties?: PopupProperties;
+
   /**
    * Optional styles to apply to the `DropdownMenu`.
    */
@@ -76,6 +83,7 @@ type NativeMenuProps = {
   color?: ColorValue;
   cornerRadius?: number;
   shadowElevation?: number;
+  properties?: PopupProperties;
   style?: StyleProp<ViewStyle>;
   modifiers?: ModifierConfig[];
   children?: ReactNode;
@@ -129,3 +137,6 @@ DropdownMenu.Items = Items;
 
 export { DropdownMenu };
 export { DropdownMenuItem } from './DropdownMenuItem';
+
+// Re-exported so the docs generator includes PopupProperties on the DropdownMenu API page.
+export type { PopupProperties };