@expo/ui 57.0.22 → 57.0.24

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

@@ -2376,6 +2376,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/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

@@ -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/57.0.24/expo.modules.ui-57.0.24-sources.jar.md5

@@ -0,0 +1 @@
+1a02710d453ddf4e16b757d49d762e15

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

@@ -0,0 +1 @@
+7fea4274b4bfb186f2f09029712af9cf4e63851f

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

@@ -0,0 +1 @@
+db12810acc1f81f264310c6360569c2438bf64bfa7beb247645f72386693c03d

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

@@ -0,0 +1 @@
+e747d4348f8c62981b1aa9c7d431862cec15608b7ca3435f0231f8c77048ab285cb174263cb72a0b3f76afcccfcc2a36c010cf9b38ba8ccbd448b497d545f0a7

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

@@ -0,0 +1 @@
+f1d1772350ffa1b84af3b4dd39097087

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

@@ -0,0 +1 @@
+9597589716216065063aff62f26aaec746cda67f

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

@@ -0,0 +1 @@
+34ed3aa87360c91f4ba32a84d89e18c1def2585018c5baf7f9f462f5dbfe76c7

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

@@ -0,0 +1 @@
+0e7a330208213a1c86e6e50e441d378e8e31f68b739b43ece0f190839e4223906da6886250b925e0a3a4a9da66f9361fb25c10c7925bb4b2d911b7bc9d371385

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.22/expo.modules.ui-57.0.22.module → 57.0.24/expo.modules.ui-57.0.24.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.22",
+    "version": "57.0.24",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22.aar",
-          "url": "expo.modules.ui-57.0.22.aar",
-          "size": 2080513,
-          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
-          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
-          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
-          "md5": "7220f1074490e12c04ff057048d86124"
+          "name": "expo.modules.ui-57.0.24.aar",
+          "url": "expo.modules.ui-57.0.24.aar",
+          "size": 2092728,
+          "sha512": "0e7a330208213a1c86e6e50e441d378e8e31f68b739b43ece0f190839e4223906da6886250b925e0a3a4a9da66f9361fb25c10c7925bb4b2d911b7bc9d371385",
+          "sha256": "34ed3aa87360c91f4ba32a84d89e18c1def2585018c5baf7f9f462f5dbfe76c7",
+          "sha1": "9597589716216065063aff62f26aaec746cda67f",
+          "md5": "f1d1772350ffa1b84af3b4dd39097087"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22.aar",
-          "url": "expo.modules.ui-57.0.22.aar",
-          "size": 2080513,
-          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
-          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
-          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
-          "md5": "7220f1074490e12c04ff057048d86124"
+          "name": "expo.modules.ui-57.0.24.aar",
+          "url": "expo.modules.ui-57.0.24.aar",
+          "size": 2092728,
+          "sha512": "0e7a330208213a1c86e6e50e441d378e8e31f68b739b43ece0f190839e4223906da6886250b925e0a3a4a9da66f9361fb25c10c7925bb4b2d911b7bc9d371385",
+          "sha256": "34ed3aa87360c91f4ba32a84d89e18c1def2585018c5baf7f9f462f5dbfe76c7",
+          "sha1": "9597589716216065063aff62f26aaec746cda67f",
+          "md5": "f1d1772350ffa1b84af3b4dd39097087"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22-sources.jar",
-          "url": "expo.modules.ui-57.0.22-sources.jar",
-          "size": 105727,
-          "sha512": "81d467c2d81c5fb4545160a5b5563fcf0f6eb3fbb191a507382ad6b0abde41d6c5506edc2281c1e98dee29eb2c861856f8e34d4208972a2dbf2b547c77143627",
-          "sha256": "e1ff6f3760b8699263fd244601e146335a9f853109153f91be6c98d092a9302e",
-          "sha1": "b9f56fabf01aea58b15172683c4a748b8dc3cf55",
-          "md5": "67ccc30c75819937df5e850cb742a4ba"
+          "name": "expo.modules.ui-57.0.24-sources.jar",
+          "url": "expo.modules.ui-57.0.24-sources.jar",
+          "size": 107661,
+          "sha512": "e747d4348f8c62981b1aa9c7d431862cec15608b7ca3435f0231f8c77048ab285cb174263cb72a0b3f76afcccfcc2a36c010cf9b38ba8ccbd448b497d545f0a7",
+          "sha256": "db12810acc1f81f264310c6360569c2438bf64bfa7beb247645f72386693c03d",
+          "sha1": "7fea4274b4bfb186f2f09029712af9cf4e63851f",
+          "md5": "1a02710d453ddf4e16b757d49d762e15"
         }
       ]
     }

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

@@ -0,0 +1 @@
+ff25db577ae4585fc4747f429930a7f8

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

@@ -0,0 +1 @@
+2259f0139a5bc618b70a196407a0b69dda2739fa

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

@@ -0,0 +1 @@
+84c1267cc40bfde0f6aaa90c16439d3b89f56ed0942e842d9ecbd4612fe14c1f

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

@@ -0,0 +1 @@
+d327d00fb8921a83e9258632e926b30c25ca0c4126ecd8b828d71f5b0aec14c5bf0e74fba977ed2f7f60b5b08b3b673ac10fbf424982d783274b4a03906c6f53

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.22/expo.modules.ui-57.0.22.pom → 57.0.24/expo.modules.ui-57.0.24.pom}

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

@@ -0,0 +1 @@
+39072352bc73e9acf897ecdf4a08e82c

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

@@ -0,0 +1 @@
+0cc3af5794746db75db029beff0f3f54c45bc91d

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

@@ -0,0 +1 @@
+701253bb9938969cba7be92fdc216b8e5a5c75e8775746df1a97aa6d8b188cb4

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

@@ -0,0 +1 @@
+b755143f8a4cf08d6a2a8c47fc35438158401425f2a6f64c1e95cb0f3951bc200e344da72c552fe625e7d7eb13979caf82079d07aeaf647b7e782bb3943f365c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>57.0.22</latest>
-    <release>57.0.22</release>
+    <latest>57.0.24</latest>
+    <release>57.0.24</release>
     <versions>
-      <version>57.0.22</version>
+      <version>57.0.24</version>
     </versions>
-    <lastUpdated>20261006120050</lastUpdated>
+    <lastUpdated>20261014162610</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-ec005e8760fa18717c30f9efdbaf8407
+15de773378cb007559dd0f8b83c7a885

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-213f89fcaff64a6fdd6b446eda846a2de8851a2e
+0114d80ccc3501c8ec62578135450c645fd9522a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-fd6986f721f0b9289418efa80805a6cf05ffcaccc5f74b409b7953f92f5a053e
+f73add6b6b9262b17b7a12cf0110610d53e58f4a8a351d6e6b6f186faf206a8a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-9461340626636adffd749d7a45d2b9ee7741281f8c1507b97ca59fcf2c1a9cdb97cede810b8aa5dbe7f8d22d6076a512501797a90eb796b321ec3a39624f4241
+7f8af4f5064b0b04334dd70817b122c3efdbe2f647f4f47b99d4a3c7931e5288fcf125f5972c51f7617fe9f429fba3328b37cfeab86ac45cf3ba697858ab1287

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.22",
+  "version": "57.0.24",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js",
@@ -96,8 +96,8 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.5.1",
     "react-native-worklets": "0.10.1",
-    "expo": "57.0.27",
-    "expo-module-scripts": "56.0.3"
+    "expo-module-scripts": "56.0.3",
+    "expo": "57.0.29"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "50ac74f1ab5682c8e32b24da6e5e97dd4dbbb80f",
+  "gitHead": "0607af7a70d0ea3e58a6d55824aac5cfd3e78613",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

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

@@ -13,6 +13,10 @@ 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';
+
+// 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(
@@ -51,6 +51,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`.
    */
@@ -67,6 +74,7 @@ type NativeMenuProps = {
   onDismissRequest?: () => void;
   color?: ColorValue;
   shadowElevation?: number;
+  properties?: PopupProperties;
   style?: StyleProp<ViewStyle>;
   modifiers?: ModifierConfig[];
   children?: ReactNode;
@@ -120,3 +128,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 };