@expo/ui 57.0.7 → 57.0.9

package/ios/Modifiers/PresentationModifiers.swift

@@ -217,4 +217,34 @@ internal struct PresentationBackgroundModifier: ViewModifier, Record {
       content
     }
   }
+}
+
+// MARK: - Presentation Sizing
+
+internal enum PresentationSizingOption: String, Enumerable {
+  case automatic
+  case fitted
+  case form
+  case page
+}
+
+internal struct PresentationSizingModifier: ViewModifier, Record {
+  @Field var sizing: PresentationSizingOption = .automatic
+
+  func body(content: Content) -> some View {
+    if #available(iOS 18.0, tvOS 18.0, macOS 15.0, *) {
+      switch sizing {
+      case .automatic:
+        content.presentationSizing(.automatic)
+      case .fitted:
+        content.presentationSizing(.fitted)
+      case .form:
+        content.presentationSizing(.form)
+      case .page:
+        content.presentationSizing(.page)
+      }
+    } else {
+      content
+    }
+  }
 }

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -2068,6 +2068,10 @@ extension ViewModifierRegistry {
       return try PickerStyleModifier(from: params, appContext: appContext)
     }
 
+    register("menuOrder") { params, appContext, _ in
+      return try MenuOrderModifier(from: params, appContext: appContext)
+    }
+
     register("submitLabel") { params, appContext, _ in
       return try SubmitLabelModifier(from: params, appContext: appContext)
     }
@@ -2136,6 +2140,10 @@ extension ViewModifierRegistry {
       return try PresentationBackgroundModifier(from: params, appContext: appContext)
     }
 
+    register("presentationSizing") { params, appContext, _ in
+      return try PresentationSizingModifier(from: params, appContext: appContext)
+    }
+
     register("listStyle") { params, appContext, _ in
       return try ListStyleModifier(from: params, appContext: appContext)
     }

package/ios/TextFieldView.swift

@@ -219,16 +219,10 @@ private struct StatefulSelectableTextField: View {
     )
   }
 
-  private var selectionBinding: Binding<SwiftUI.TextSelection?> {
-    if #available(iOS 26.0, macOS 26.0, tvOS 26.0, *) {
-      return $localSelection
-    }
-    return clampedSelectionBinding
-  }
-
-  // iOS 18 SwiftUI can throw an out-of-bounds exception when selection becomes invalid after text is changed programmatically.
+  // SwiftUI can throw an out-of-bounds exception when selection becomes invalid after text is changed programmatically.
   // Resetting to nil avoids passing SwiftUI the stale selection.
   // https://github.com/expo/expo/issues/47434
+  // https://github.com/expo/expo/issues/48274
   // https://github.com/swiftlang/swift/issues/82359#issuecomment-3038538035
   private var clampedSelectionBinding: Binding<SwiftUI.TextSelection?> {
     Binding(
@@ -251,7 +245,7 @@ private struct StatefulSelectableTextField: View {
     TextField(
       promptText == nil ? props.placeholder : "",
       text: textBinding,
-      selection: selectionBinding,
+      selection: clampedSelectionBinding,
       prompt: promptText,
       axis: swiftUIAxis
     )
@@ -278,7 +272,11 @@ private struct StatefulSelectableTextField: View {
       props.onSelectionChange(["start": start, "end": end])
     }
     .onChange(of: state.value as? String) { newValue in
-      guard userMutatingState else { return }
+      guard userMutatingState else {
+        // The text was replaced from JS; drop the selection so indices built for the old string are never validated against the new one.
+        localSelection = nil
+        return
+      }
       if let max = props.maxLength, let str = newValue, str.count > max {
         state.value = String(str.prefix(max))
         return

package/ios/VStackView.swift

@@ -35,7 +35,7 @@ public struct VStackView: ExpoSwiftUI.View {
   public var body: some View {
     VStack(
       alignment: props.alignment?.toHorizontalAlignment() ?? .center,
-      spacing: CGFloat(props.spacing ?? 0)) {
+      spacing: props.spacing.map { CGFloat($0) }) {
         Children()
     }
   }

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

@@ -0,0 +1 @@
+861e2a9fc90c0f77fb3e0c4b1e733bda

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

@@ -0,0 +1 @@
+ab9529856e2d9014c4500bd026ef87271d46390e

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

@@ -0,0 +1 @@
+daa8952f564fc49bf1e8248beaa2f2bc5f305c02f01f9ea9f9209323034d7cdf

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

@@ -0,0 +1 @@
+6773d96e9e4bc26584cb012c44b9e9f6afd9d4d099aa7c93eb35a2089a77b71155a671302db4a9f9d97267c310ad266476d2bbb04ce77cc4fa36f7b3e262e696

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

@@ -0,0 +1 @@
+b64c5776b5d32cb3e45c463040737d7a

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

@@ -0,0 +1 @@
+128612487df27ee99651882fde63af29121cec37

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

@@ -0,0 +1 @@
+497fae34b972934a9eb0ae4b1343527eb1e5f872ad97c44de758d4e3095cf2d9

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

@@ -0,0 +1 @@
+65dd5f448fa7a5db1112becf801262b96f1ded388023a72616e1623ed9eb3fa1aaa25e479db58ee56aed07e97a1e5d72c3b66c4eecd6c8de39f67f92c1dbf993

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.7/expo.modules.ui-57.0.7.module → 57.0.9/expo.modules.ui-57.0.9.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.7",
+    "version": "57.0.9",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.7.aar",
-          "url": "expo.modules.ui-57.0.7.aar",
-          "size": 1945789,
-          "sha512": "1866cb015b14c19bf62eae828e70031e1c64ea23c3264a931f3d1126c87c40d000f4f1d850a00dc4178ba859a930808e99af0ccb9732063bd782f93c400d2865",
-          "sha256": "1961d3901f622d2a724f44c75361561cde6ab74c25c29e0990467f06d1666ade",
-          "sha1": "1946982601650cce80a1a4dd0d8969f92ec323c6",
-          "md5": "a7109c0dee1ee28f19f905bd7deee4e1"
+          "name": "expo.modules.ui-57.0.9.aar",
+          "url": "expo.modules.ui-57.0.9.aar",
+          "size": 1947071,
+          "sha512": "65dd5f448fa7a5db1112becf801262b96f1ded388023a72616e1623ed9eb3fa1aaa25e479db58ee56aed07e97a1e5d72c3b66c4eecd6c8de39f67f92c1dbf993",
+          "sha256": "497fae34b972934a9eb0ae4b1343527eb1e5f872ad97c44de758d4e3095cf2d9",
+          "sha1": "128612487df27ee99651882fde63af29121cec37",
+          "md5": "b64c5776b5d32cb3e45c463040737d7a"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.7.aar",
-          "url": "expo.modules.ui-57.0.7.aar",
-          "size": 1945789,
-          "sha512": "1866cb015b14c19bf62eae828e70031e1c64ea23c3264a931f3d1126c87c40d000f4f1d850a00dc4178ba859a930808e99af0ccb9732063bd782f93c400d2865",
-          "sha256": "1961d3901f622d2a724f44c75361561cde6ab74c25c29e0990467f06d1666ade",
-          "sha1": "1946982601650cce80a1a4dd0d8969f92ec323c6",
-          "md5": "a7109c0dee1ee28f19f905bd7deee4e1"
+          "name": "expo.modules.ui-57.0.9.aar",
+          "url": "expo.modules.ui-57.0.9.aar",
+          "size": 1947071,
+          "sha512": "65dd5f448fa7a5db1112becf801262b96f1ded388023a72616e1623ed9eb3fa1aaa25e479db58ee56aed07e97a1e5d72c3b66c4eecd6c8de39f67f92c1dbf993",
+          "sha256": "497fae34b972934a9eb0ae4b1343527eb1e5f872ad97c44de758d4e3095cf2d9",
+          "sha1": "128612487df27ee99651882fde63af29121cec37",
+          "md5": "b64c5776b5d32cb3e45c463040737d7a"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.7-sources.jar",
-          "url": "expo.modules.ui-57.0.7-sources.jar",
-          "size": 94421,
-          "sha512": "23a6ec3e0acaeaa4884440b4410188c75f0e11da49493e08d8bb58a12548db951018417820aa073be5f9aa62000db96be2fe3c04fd88bb073f81f2f964dc145a",
-          "sha256": "454872b768b077cea96607a41337f2c696ab2a2a71435cc3836e7f2891910d73",
-          "sha1": "27592d060013020ce468af28cef07d3b45ec26a1",
-          "md5": "15997973c79a34aad0aa9284381987fa"
+          "name": "expo.modules.ui-57.0.9-sources.jar",
+          "url": "expo.modules.ui-57.0.9-sources.jar",
+          "size": 95127,
+          "sha512": "6773d96e9e4bc26584cb012c44b9e9f6afd9d4d099aa7c93eb35a2089a77b71155a671302db4a9f9d97267c310ad266476d2bbb04ce77cc4fa36f7b3e262e696",
+          "sha256": "daa8952f564fc49bf1e8248beaa2f2bc5f305c02f01f9ea9f9209323034d7cdf",
+          "sha1": "ab9529856e2d9014c4500bd026ef87271d46390e",
+          "md5": "861e2a9fc90c0f77fb3e0c4b1e733bda"
         }
       ]
     }

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

@@ -0,0 +1 @@
+a1b7ee03271b1d88dccbbb408b6184ae

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

@@ -0,0 +1 @@
+0d62287cdeb06cde748d14202078e052f144bf26

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

@@ -0,0 +1 @@
+def27a191bae2bc92b3b80add3200b7b3cf6105abdd64cf3ada19a79c654d443

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

@@ -0,0 +1 @@
+1f093ca15f49749b76c317215354083b91a32bdc76f2df531fcda80016b998a06284e37a833d9a6a3e9216079754cbf81af58a1d771da5820d07ba59d38b940f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.7/expo.modules.ui-57.0.7.pom → 57.0.9/expo.modules.ui-57.0.9.pom}

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

@@ -0,0 +1 @@
+d5570f3c848fc27a0360e4e5bed4c519

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

@@ -0,0 +1 @@
+8ffc8fc85190d30a3c43ab8469335390e884d687

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

@@ -0,0 +1 @@
+abd14782afd8905e36b66aa0163daa4e8fbc87edf6713eb746b410f0d9f9540a

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

@@ -0,0 +1 @@
+d269a08d66be52e9c0298ad26600b12583c511bee298490ad7b6c463d111d17c741ff05b0d7824edbd5d68b96a8141be15e28098fbcdf6c05af350ef556dc2b2

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.7</latest>
-    <release>57.0.7</release>
+    <latest>57.0.9</latest>
+    <release>57.0.9</release>
     <versions>
-      <version>57.0.7</version>
+      <version>57.0.9</version>
     </versions>
-    <lastUpdated>20260717104733</lastUpdated>
+    <lastUpdated>20260804071901</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-503392f9eddc198a230bb9807eeba3ec
+989b98b3b90d23685ff41bb33f723781

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

@@ -1 +1 @@
-5f6f1fef0b6a516892d1184a839b21e64161b7b4
+b08887ade2f4132d8f01cbede52519862b04646d

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

@@ -1 +1 @@
-6e8174643669155b28b3d0fd2efdbfe2a1a39afc17bf0c664cdc4900ff59d4fe
+d1fa6df85b93d62f797f175f58f23bedd98fef22784f9f4e876767303e6273a3

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

@@ -1 +1 @@
-e04eacbc3de0906238ddf11eefffd3a5ee1ef0549f3ac6dfaf26c27fdd72cf2238b2a4227f1642ed376bc5a25beaa9b0f0dd497826eb876ca7a9bbbf6a03903e
+c6f0d9c6ee0079baa6f5a56077a473da0bcf6db9a9e059902e1c854319dcff91fd55427119e72d3c16905a2b4c4acbe25bdecc8b5c6da8a3620a63ee40fc91c1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.7",
+  "version": "57.0.9",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js",
@@ -94,9 +94,9 @@
     "@types/babel__core": "^7.20.5",
     "@types/node": "^22.14.0",
     "@types/react": "~19.2.0",
-    "react-native-reanimated": "4.5.0",
-    "react-native-worklets": "0.10.0",
-    "expo": "57.0.7",
+    "react-native-reanimated": "4.5.1",
+    "react-native-worklets": "0.10.1",
+    "expo": "57.0.10",
     "expo-module-scripts": "56.0.3"
   },
   "jest": {
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "0dac79c8469fa00b76fb8f402c47ed61f3d6317e",
+  "gitHead": "fb5049481ebd5cadd499c4d1f1d5e47f9ac678be",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

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

@@ -16,6 +16,7 @@ import {
   presentationBackground,
   presentationDetents,
   presentationDragIndicator,
+  presentationSizing,
 } from '../../swift-ui/modifiers/presentationModifiers';
 
 export { useBottomSheet } from './context';
@@ -131,7 +132,6 @@ export function BottomSheet(props: BottomSheetProps) {
   useEffect(() => {
     if (indexProp === -1) {
       setIsPresented(false);
-      fireCloseCallbacks();
     } else if (indexProp >= 0) {
       closedRef.current = false;
       setIsPresented(true);
@@ -139,17 +139,13 @@ export function BottomSheet(props: BottomSheetProps) {
       setCurrentIndex(clampedIndex);
       currentIndexRef.current = clampedIndex;
     }
-  }, [indexProp, detents.length, fireCloseCallbacks]);
+  }, [indexProp, detents.length]);
 
-  const handlePresentedChange = useCallback(
-    (presented: boolean) => {
-      if (!presented) {
-        setIsPresented(false);
-        fireCloseCallbacks();
-      }
-    },
-    [fireCloseCallbacks]
-  );
+  const handlePresentedChange = useCallback((presented: boolean) => {
+    if (!presented) {
+      setIsPresented(false);
+    }
+  }, []);
 
   const handleDetentChange = useCallback(
     (detent: PresentationDetent) => {
@@ -167,7 +163,6 @@ export function BottomSheet(props: BottomSheetProps) {
     const snapToIndex = (index: number) => {
       if (index === -1) {
         setIsPresented(false);
-        fireCloseCallbacks();
         return;
       }
       const clampedIndex = Math.min(Math.max(index, 0), detents.length - 1);
@@ -178,14 +173,11 @@ export function BottomSheet(props: BottomSheetProps) {
       onChangeRef.current?.(clampedIndex);
     };
 
-    // Fire close callbacks immediately: the native `onIsPresentedChange` event is
-    // suppressed when JS drives the state change (the Swift layer guards against
-    // the feedback loop), so we can't rely on handlePresentedChange here. The
-    // closedRef guard inside fireCloseCallbacks prevents double-firing if a
-    // native user-dismiss event also arrives during the animation.
+    // Close callbacks fire from the native `onDismiss` event, which SwiftUI sends after
+    // the dismissal transition finishes, so they can present another modal without UIKit
+    // rejecting it. Android awaits `hide()` for the same reason.
     const close = () => {
       setIsPresented(false);
-      fireCloseCallbacks();
     };
 
     return {
@@ -199,7 +191,7 @@ export function BottomSheet(props: BottomSheetProps) {
       present: () => snapToIndex(0),
       dismiss: close,
     };
-  }, [detents, fireCloseCallbacks]);
+  }, [detents]);
 
   useImperativeHandle(ref, () => methods, [methods]);
 
@@ -207,7 +199,8 @@ 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')]
         : [
             presentationDetents(detents, {
               selection: selectedDetent,
@@ -235,6 +228,7 @@ export function BottomSheet(props: BottomSheetProps) {
           <NativeBottomSheet
             isPresented={isPresented}
             onIsPresentedChange={handlePresentedChange}
+            onDismiss={fireCloseCallbacks}
             fitToContents={fitToContents}>
             <Group modifiers={modifiers}>
               <RNHostView matchContents={fitToContents}>

package/src/community/masked-view/MaskedView.ios.tsx

@@ -16,7 +16,7 @@ export function MaskedView(props: MaskedViewProps) {
   // and transforms because the inner views inherit layout from `absoluteFill`.
   return (
     <View {...viewProps} style={style}>
-      <Host style={StyleSheet.absoluteFill}>
+      <Host style={StyleSheet.absoluteFill} ignoreSafeArea="all">
         <Mask alignment="topLeading">
           <RNHostView>
             <View style={StyleSheet.absoluteFill}>{children}</View>

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

@@ -155,6 +155,7 @@ export function MenuView(props: MenuComponentProps & { ref?: React.Ref<MenuCompo
   const {
     ref,
     actions,
+    colorScheme,
     onPressAction,
     onOpenMenu,
     onCloseMenu,
@@ -189,7 +190,7 @@ export function MenuView(props: MenuComponentProps & { ref?: React.Ref<MenuCompo
 
   return (
     <View style={style} testID={testID}>
-      <Host matchContents>
+      <Host colorScheme={colorScheme} matchContents>
         <DropdownMenu expanded={expanded} onDismissRequest={dismissAll}>
           <DropdownMenu.Trigger>
             <RNHostView matchContents>

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

@@ -8,11 +8,7 @@ import { Menu } from '../../swift-ui/Menu';
 import { RNHostView } from '../../swift-ui/RNHostView';
 import { Section } from '../../swift-ui/Section';
 import { Toggle } from '../../swift-ui/Toggle';
-import {
-  disabled as disabledModifier,
-  foregroundColor as foregroundColorModifier,
-  tint as tintModifier,
-} from '../../swift-ui/modifiers';
+import { disabled as disabledModifier, tint as tintModifier } from '../../swift-ui/modifiers';
 import type { ModifierConfig } from '../../types';
 
 function actionId(action: MenuAction): string {
@@ -34,8 +30,8 @@ function renderAction(
   const { subactions, displayInline, state, attributes, image, imageColor, title } = action;
   const key = actionId(action);
   const systemImage = typeof image === 'string' ? image : undefined;
-  // `tint` is what SwiftUI's `Menu`/`Button` honor for the leading SF Symbol —
-  // `foregroundColor` would also affect the label text.
+  // `tint` is what SwiftUI's system `Menu` honors for an item's leading SF
+  // Symbol, for both `Toggle` and `Button` items.
   const tintMod = imageColor ? tintModifier(imageColor) : null;
 
   if (subactions && subactions.length > 0) {
@@ -49,7 +45,7 @@ function renderAction(
     }
     // SwiftUI's system menu UI ignores per-item color modifiers on submenu
     // headers, so we don't forward `imageColor` here. Leaf `Button`s below
-    // tint via `foregroundColor`, which does take effect.
+    // tint via `.tint`, which does take effect.
     return (
       <Menu key={key} label={title} systemImage={systemImage}>
         {children}
@@ -76,11 +72,13 @@ function renderAction(
     );
   }
 
-  // For a leaf `Button`, `foregroundColor` also tints the system image —
-  // upstream uses this to color both the label and the icon. Skip when the
-  // role is destructive so SwiftUI's red tint remains in effect.
-  if (imageColor && !attributes?.destructive) {
-    modifiers.push(foregroundColorModifier(imageColor));
+  // Tint the leaf `Button`'s leading SF Symbol via `.tint`, the same modifier
+  // the `Toggle` branch above uses. `.foregroundColor` is not applied by the
+  // iOS system menu to a menu button's content, so it left action-item icons
+  // untinted. Skip when the role is destructive so SwiftUI's red tint remains
+  // in effect.
+  if (tintMod && !attributes?.destructive) {
+    modifiers.push(tintMod);
   }
 
   return (

package/src/community/menu/types.tsx

@@ -1,5 +1,11 @@
 import type { ReactNode } from 'react';
-import type { ColorValue, ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type {
+  ColorSchemeName,
+  ColorValue,
+  ImageSourcePropType,
+  StyleProp,
+  ViewStyle,
+} from 'react-native';
 import type { SFSymbol } from 'sf-symbols-typescript';
 
 /**
@@ -119,6 +125,11 @@ export type NativeActionEvent = {
  * Drop-in compatible with `@react-native-menu/menu`.
  */
 export interface MenuComponentProps {
+  /**
+   * The color scheme of the menu on Android. Omit to follow the device setting.
+   * @platform android
+   */
+  colorScheme?: ColorSchemeName;
   /**
    * Menu title shown at the top of the menu.
    * @platform ios

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

@@ -24,14 +24,14 @@ export interface RNHostProps extends PrimitiveBaseProps {
   modifiers?: ModifierConfig[];
   /**
    * Style applied to the host view's React Native shadow node. Useful for
-   * controlling its layout position (e.g. `position: 'absolute'`) so the shadow
-   * layout matches where the hosting Compose component draws the content —
-   * important for `measure()`-based hit-testing such as `Pressable`.
+   * controlling its layout position (e.g. `position: 'absolute'`).
    */
   style?: StyleProp<ViewStyle>;
 }
 
-type NativeRNHostProps = RNHostProps;
+type NativeRNHostProps = RNHostProps & {
+  layoutRoot: boolean;
+};
 const NativeRNHostView: ComponentType<NativeRNHostProps> = requireNativeView(
   'ExpoUI',
   'RNHostView'
@@ -43,6 +43,9 @@ function transformProps(props: RNHostProps): NativeRNHostProps {
     modifiers,
     ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
     ...restProps,
+    // Touches on hosted content are dispatched relative to the host, so `measure()` must report
+    // the same coordinate space; otherwise `Pressable` cancels the press on any finger movement.
+    layoutRoot: true,
   };
 }
 

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

@@ -1,18 +1,22 @@
 import { requireNativeView } from 'expo';
-import { useState, type ComponentType } from 'react';
+import { useState, type ComponentType, type ReactNode } from 'react';
 import { type NativeSyntheticEvent } from 'react-native';
 
+import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
 export interface BottomSheetProps extends CommonViewModifierProps {
   /**
-   * The children of the `BottomSheet` component.
-   * Use `Group` to wrap your content and apply presentation modifiers
-   * like `presentationDetents`, `presentationDragIndicator`,
-   * `presentationBackgroundInteraction`, and `interactiveDismissDisabled`.
+   * The sheet's content, mounted while presented and unmounted after dismiss. Wrap it in `Group`
+   * to apply presentation modifiers.
    */
-  children: React.ReactNode;
+  children: ReactNode;
+  /**
+   * A view the sheet is anchored to, for example the `Button` that opens it. Rendered in place and
+   * kept mounted, so presenting the sheet doesn't shift surrounding layout. Optional.
+   */
+  anchor?: ReactNode;
   /**
    * Whether the `BottomSheet` is presented.
    */
@@ -33,7 +37,10 @@ export interface BottomSheetProps extends CommonViewModifierProps {
   fitToContents?: boolean;
 }
 
-type NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsPresentedChange' | 'onDismiss'> & {
+type NativeBottomSheetProps = Omit<
+  BottomSheetProps,
+  'onIsPresentedChange' | 'onDismiss' | 'anchor'
+> & {
   onIsPresentedChange: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;
   onDismiss: (event: NativeSyntheticEvent<object>) => void;
 };
@@ -47,17 +54,15 @@ const BottomSheetNativeView: ComponentType<NativeBottomSheetProps> = requireNati
  * `BottomSheet` presents content from the bottom of the screen.
  */
 function BottomSheet(props: BottomSheetProps) {
-  const { modifiers, onIsPresentedChange, onDismiss, ...restProps } = props;
+  const { modifiers, onIsPresentedChange, onDismiss, anchor, children, ...restProps } = props;
   const [isMounted, setIsMounted] = useState(props.isPresented);
 
   if (props.isPresented && !isMounted) {
     setIsMounted(true);
   }
 
-  if (!isMounted) {
-    return null;
-  }
-
+  // The anchor stays mounted so it's always visible; the content mounts on present and unmounts
+  // after dismiss.
   return (
     <BottomSheetNativeView
       modifiers={modifiers}
@@ -69,8 +74,10 @@ function BottomSheet(props: BottomSheetProps) {
       onDismiss={() => {
         setIsMounted(false);
         onDismiss?.();
-      }}
-    />
+      }}>
+      {anchor != null ? <Slot name="anchor">{anchor}</Slot> : null}
+      {isMounted ? children : null}
+    </BottomSheetNativeView>
   );
 }
 

package/src/swift-ui/modifiers/index.ts

@@ -1743,6 +1743,7 @@ export * from './background';
 export type * from './types';
 export * from './tag';
 export * from './pickerStyle';
+export * from './menuOrder';
 export * from './tabViewModifiers';
 export * from './datePickerStyle';
 export * from './progressViewStyle';

package/src/swift-ui/modifiers/menuOrder.ts

@@ -0,0 +1,12 @@
+import { createModifier } from './createModifier';
+
+export type MenuOrderType = 'automatic' | 'fixed' | 'priority';
+
+/**
+ * Sets the preferred order of items for menus presented from this view.
+ * With the default `automatic` order, a menu that opens upward displays its items
+ * in reverse. Pass `fixed` to always keep the order the items were provided in.
+ * @param order - The preferred menu item ordering.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/menuorder(_:)).
+ */
+export const menuOrder = (order: MenuOrderType) => createModifier('menuOrder', { order });