@expo/ui 56.0.18 → 56.0.19

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -224,6 +224,61 @@ internal struct DisabledModifier: ViewModifier, Record {
   }
 }
 
+internal enum RedactionReason: String, Enumerable {
+  case placeholder
+  case privacy
+  case invalidated
+}
+
+internal struct RedactedModifier: ViewModifier, Record {
+  @Field var reasons: [RedactionReason] = [.placeholder]
+
+  func body(content: Content) -> some View {
+    content.redacted(reason: resolveReasons())
+  }
+
+  private func resolveReasons() -> RedactionReasons {
+    var set: RedactionReasons = []
+    for reason in reasons {
+      switch reason {
+      case .placeholder: set.insert(.placeholder)
+      case .privacy: set.insert(.privacy)
+      case .invalidated:
+        if #available(iOS 17.0, tvOS 17.0, macOS 14.0, *) {
+          set.insert(.invalidated)
+        }
+      }
+    }
+    return set
+  }
+}
+
+internal struct UnredactedModifier: ViewModifier, Record {
+  func body(content: Content) -> some View {
+    content.unredacted()
+  }
+}
+
+internal struct PrivacySensitiveModifier: ViewModifier, Record {
+  @Field var sensitive: Bool = true
+
+  func body(content: Content) -> some View {
+    content.privacySensitive(sensitive)
+  }
+}
+
+internal struct InvalidatableContentModifier: ViewModifier, Record {
+  @Field var invalidatable: Bool = true
+
+  func body(content: Content) -> some View {
+    if #available(iOS 17.0, tvOS 17.0, macOS 14.0, *) {
+      content.invalidatableContent(invalidatable)
+    } else {
+      content
+    }
+  }
+}
+
 internal struct ZIndexModifier: ViewModifier, Record {
   @Field var index: Double = 0
 
@@ -518,6 +573,31 @@ internal struct AccessibilityHiddenModifier: ViewModifier, Record {
   }
 }
 
+internal enum AccessibilityChildBehaviorType: String, Enumerable {
+  case ignore
+  case combine
+  case contain
+
+  func toNative() -> AccessibilityChildBehavior {
+    switch self {
+    case .ignore:
+      return .ignore
+    case .combine:
+      return .combine
+    case .contain:
+      return .contain
+    }
+  }
+}
+
+internal struct AccessibilityElementModifier: ViewModifier, Record {
+  @Field var children: AccessibilityChildBehaviorType = .ignore
+
+  func body(content: Content) -> some View {
+    content.accessibilityElement(children: children.toNative())
+  }
+}
+
 internal struct LayoutPriorityModifier: ViewModifier, Record {
   @Field var priority: Double = 0
 
@@ -978,21 +1058,21 @@ internal struct HeaderProminence: ViewModifier, Record {
 }
 
 internal struct ListRowInsets: ViewModifier, Record {
-  @Field var top: CGFloat = 0
-  @Field var leading: CGFloat = 0
-  @Field var bottom: CGFloat = 0
-  @Field var trailing: CGFloat = 0
+  @Field var top: CGFloat?
+  @Field var leading: CGFloat?
+  @Field var bottom: CGFloat?
+  @Field var trailing: CGFloat?
 
   func body(content: Content) -> some View {
-    if top != 0 || leading != 0 || bottom != 0 || trailing != 0 {
+    if top == nil && leading == nil && bottom == nil && trailing == nil {
+      content
+    } else {
       content.listRowInsets(.init(
-        top: top,
-        leading: leading,
-        bottom: bottom,
-        trailing: trailing
+        top: top ?? 0,
+        leading: leading ?? 0,
+        bottom: bottom ?? 0,
+        trailing: trailing ?? 0
       ))
-    } else {
-      content
     }
   }
 }
@@ -1508,6 +1588,22 @@ extension ViewModifierRegistry {
       return try DisabledModifier(from: params, appContext: appContext)
     }
 
+    register("redacted") { params, appContext, _ in
+      return try RedactedModifier(from: params, appContext: appContext)
+    }
+
+    register("unredacted") { params, appContext, _ in
+      return try UnredactedModifier(from: params, appContext: appContext)
+    }
+
+    register("privacySensitive") { params, appContext, _ in
+      return try PrivacySensitiveModifier(from: params, appContext: appContext)
+    }
+
+    register("invalidatableContent") { params, appContext, _ in
+      return try InvalidatableContentModifier(from: params, appContext: appContext)
+    }
+
     register("zIndex") { params, appContext, _ in
       return try ZIndexModifier(from: params, appContext: appContext)
     }
@@ -1596,6 +1692,10 @@ extension ViewModifierRegistry {
       return try AccessibilityHiddenModifier(from: params, appContext: appContext)
     }
 
+    register("accessibilityElement") { params, appContext, _ in
+      return try AccessibilityElementModifier(from: params, appContext: appContext)
+    }
+
     register("layoutPriority") { params, appContext, _ in
       return try LayoutPriorityModifier(from: params, appContext: appContext)
     }
@@ -1892,6 +1992,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/Modifiers/WidgetModifiers.swift

@@ -61,7 +61,7 @@ internal struct ActivityBackgroundTintModifier: ViewModifier, Record {
   @Field var color: Color?
 
   func body(content: Content) -> some View {
-#if !os(tvOS) && !os(macOS)
+#if !os(tvOS) && !os(macOS) && !targetEnvironment(macCatalyst)
     content.activityBackgroundTint(color)
 #else
     content

package/ios/RNHostView.swift

@@ -19,6 +19,11 @@ struct RNHostView: ExpoSwiftUI.View {
       .onAppear {
         ExpoUITouchHandlerHelper.createAndAttachTouchHandler(for: childUIView)
       }
+    } else if props.matchContents {
+      // 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.
+      Children()
     } else {
       Children()
         .frame(maxWidth: .infinity, maxHeight: .infinity)

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

@@ -0,0 +1 @@
+e50d71fc4e05c0d5255ddfd0e92ede94

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

@@ -0,0 +1 @@
+6abfcbf907f83e8fe7443a2e783fd2537c3935b2

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

@@ -0,0 +1 @@
+1b9fff22820c7fb50e59d2033ae3199e9fa2c5c853138629a6e2767f50f7ab2f

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

@@ -0,0 +1 @@
+50b75ddd02eccceb55f0e7985344e58796d0636802fd81e940f357ed55f87bbf889edebad6dc727c1a677082928b67e6453595aaf809ada12871779e5e313978

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

@@ -0,0 +1 @@
+944517fc36046ca971cf969760574fad

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

@@ -0,0 +1 @@
+4d91a04542a27e40a7866b4e63f804293ff372b1

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

@@ -0,0 +1 @@
+11705a42f0bda49ba0f6ca5f38214e9e98afea5ae6fe34954e06076cd8daf7e8

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

@@ -0,0 +1 @@
+33c0e88d0bb46e4e00f4916b859f78327081ff3995fb3340e132489c0898a61229aad5989455279a06d2a52a0e8be4945942602d3a231fc5d0cd930bb8b04a66

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.18/expo.modules.ui-56.0.18.module → 56.0.19/expo.modules.ui-56.0.19.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "56.0.18",
+    "version": "56.0.19",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.18.aar",
-          "url": "expo.modules.ui-56.0.18.aar",
-          "size": 1944191,
-          "sha512": "d10bffe2657a8f7e5e1886eec9a1404d7b6d5bcef4a50b6db763986302cbad9ae02c61a0f1996d52c2d558cc5dbc989f3ef5ad53cfc2370df88e643b377b19ee",
-          "sha256": "c5040a0bd6a33de8ffca965c4d5e5953897f6776a239283b146d677e2e7221ed",
-          "sha1": "b229f74d58ec12ae4375dc666928d118938e19e4",
-          "md5": "e06c3debed9c38c907f69263825babb0"
+          "name": "expo.modules.ui-56.0.19.aar",
+          "url": "expo.modules.ui-56.0.19.aar",
+          "size": 1941451,
+          "sha512": "33c0e88d0bb46e4e00f4916b859f78327081ff3995fb3340e132489c0898a61229aad5989455279a06d2a52a0e8be4945942602d3a231fc5d0cd930bb8b04a66",
+          "sha256": "11705a42f0bda49ba0f6ca5f38214e9e98afea5ae6fe34954e06076cd8daf7e8",
+          "sha1": "4d91a04542a27e40a7866b4e63f804293ff372b1",
+          "md5": "944517fc36046ca971cf969760574fad"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-56.0.18.aar",
-          "url": "expo.modules.ui-56.0.18.aar",
-          "size": 1944191,
-          "sha512": "d10bffe2657a8f7e5e1886eec9a1404d7b6d5bcef4a50b6db763986302cbad9ae02c61a0f1996d52c2d558cc5dbc989f3ef5ad53cfc2370df88e643b377b19ee",
-          "sha256": "c5040a0bd6a33de8ffca965c4d5e5953897f6776a239283b146d677e2e7221ed",
-          "sha1": "b229f74d58ec12ae4375dc666928d118938e19e4",
-          "md5": "e06c3debed9c38c907f69263825babb0"
+          "name": "expo.modules.ui-56.0.19.aar",
+          "url": "expo.modules.ui-56.0.19.aar",
+          "size": 1941451,
+          "sha512": "33c0e88d0bb46e4e00f4916b859f78327081ff3995fb3340e132489c0898a61229aad5989455279a06d2a52a0e8be4945942602d3a231fc5d0cd930bb8b04a66",
+          "sha256": "11705a42f0bda49ba0f6ca5f38214e9e98afea5ae6fe34954e06076cd8daf7e8",
+          "sha1": "4d91a04542a27e40a7866b4e63f804293ff372b1",
+          "md5": "944517fc36046ca971cf969760574fad"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.18-sources.jar",
-          "url": "expo.modules.ui-56.0.18-sources.jar",
-          "size": 93876,
-          "sha512": "a3762cf9549225df1a60ad90cdf83586c4bb6358cecaa627f78a299a8aa5bd23ebebc740d6c0cc7acbf75d134e3c45ca8059459c6fcbc796beeeb4cb5d9dbfb8",
-          "sha256": "e456560887c0d9471dbddf4b7f5c232432a588ecb6b531120c9ce193f8d2f07d",
-          "sha1": "071ba8aee8e6056c59d7f18aa247e536e110f493",
-          "md5": "22f57bb7a0ea0016c8efa6cde687934b"
+          "name": "expo.modules.ui-56.0.19-sources.jar",
+          "url": "expo.modules.ui-56.0.19-sources.jar",
+          "size": 94265,
+          "sha512": "50b75ddd02eccceb55f0e7985344e58796d0636802fd81e940f357ed55f87bbf889edebad6dc727c1a677082928b67e6453595aaf809ada12871779e5e313978",
+          "sha256": "1b9fff22820c7fb50e59d2033ae3199e9fa2c5c853138629a6e2767f50f7ab2f",
+          "sha1": "6abfcbf907f83e8fe7443a2e783fd2537c3935b2",
+          "md5": "e50d71fc4e05c0d5255ddfd0e92ede94"
         }
       ]
     }

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

@@ -0,0 +1 @@
+ee709723c0f0b8350e54de679da2c33a

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

@@ -0,0 +1 @@
+7c5b99acaf6c0cda8837c1c801326af0fb9100e7

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

@@ -0,0 +1 @@
+88baad7895dc098316076d09f77fa89991bcc6073939b0d9470ae4a3cb913341

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

@@ -0,0 +1 @@
+b9f1019c58e27034ae53a920d9a29b3a71fc6fced31d0803a6be42decc2a72eb409aa2601f5f19fd9fb6a1285a2acacea09181e45a1c69a4bee7d133ddbd5fe5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.18/expo.modules.ui-56.0.18.pom → 56.0.19/expo.modules.ui-56.0.19.pom}

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

@@ -0,0 +1 @@
+4458a09078053a9f97260b991c96fdd9

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

@@ -0,0 +1 @@
+e18f9283d4a7064d29dabb5bf6766dec81da5397

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

@@ -0,0 +1 @@
+c6136bb62be48327e43138ce5b402ef8e79e0957237bfa38f0cb7a448fd30db5

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

@@ -0,0 +1 @@
+6071f2acf6f9258f498f7e4e0ee4529cedad8a11e21509fa0a32ef1e74c3c1e265f0bef05532a7ce37578dc93c817531ed9d1658678c4fb9c14cf460c04282c5

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>56.0.18</latest>
-    <release>56.0.18</release>
+    <latest>56.0.19</latest>
+    <release>56.0.19</release>
     <versions>
-      <version>56.0.18</version>
+      <version>56.0.19</version>
     </versions>
-    <lastUpdated>20260615113818</lastUpdated>
+    <lastUpdated>20260701091749</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-80860432a0537ca5e443caadce02f0f9
+9803efc720ad653d2bd9a74777727160

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

@@ -1 +1 @@
-cd6722114453fb0a0a543e934c7f1615700af030
+fd5824d23d4a32c2eae7d0ecbb843f37f63f9e8a

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

@@ -1 +1 @@
-7048be1f0ef2fb14d3a3f0a98259d7ec2c89ddd3e1fb6482a2207bfaf72a0cbe
+3d6457706347643d6c85060f7825816c18f96411c2b3bbadc3fdf6407097c68b

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

@@ -1 +1 @@
-8675efe9cf7924c026f205535fcc7b1c85f0cb6634c3ed42f770e8101956ee33dbada364e1fd7499b2e34e06b369e3ad7377c872ce27509c7e84180124fe5ed9
+3a01fd0aa15aeddc5446489654d40bfcc4e84fd0425a834b5c5e265edcf88b137da16e998e1f0357928456c888d43e8190d71f3258ff7b8e5af5cdca29abf4f5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "56.0.18",
+  "version": "56.0.19",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -93,10 +93,9 @@
     "@types/babel__core": "^7.20.5",
     "@types/node": "^22.14.0",
     "@types/react": "~19.2.0",
-    "react-native-reanimated": "4.3.1",
     "react-native-worklets": "0.8.3",
-    "expo": "56.0.12",
-    "expo-module-scripts": "56.0.3"
+    "expo-module-scripts": "56.0.3",
+    "expo": "56.0.13"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -107,7 +106,6 @@
     "react": "*",
     "react-dom": "*",
     "react-native": "*",
-    "react-native-reanimated": "*",
     "react-native-worklets": "*"
   },
   "peerDependenciesMeta": {
@@ -117,14 +115,11 @@
     "react-dom": {
       "optional": true
     },
-    "react-native-reanimated": {
-      "optional": true
-    },
     "react-native-worklets": {
       "optional": true
     }
   },
-  "gitHead": "812dc007aefed0c432c0439fdfe05ee2f4f21da2",
+  "gitHead": "b293744c7b199c6cbe910188863e93a174c21250",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/plugin/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/babel-plugin.ts"],"version":"6.0.3"}

package/src/State/index.fx.ts

@@ -61,11 +61,10 @@ function registerSharedObjectSerializer(): void {
 }
 
 try {
-  // reanimated import is needed to initialise __WORKLET_RUNTIME global, which is required by the installOnUIRuntime
-  require('react-native-reanimated');
-
-  installOnUIRuntime();
-  registerSharedObjectSerializer();
+  if (worklets) {
+    installOnUIRuntime(worklets.getUIRuntimeHolder());
+    registerSharedObjectSerializer();
+  }
 } catch {
   // Fail silently as worklet support is currently optional in Expo UI
 }

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

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState
 import { StyleSheet, useWindowDimensions, View } from 'react-native';
 
 import { BottomSheetContext, BottomSheetInternalContext } from './context';
+import { SheetScrollContextReset } from './scrollContextReset';
 import type { BottomSheetMethods, BottomSheetProps } from './types';
 import { parseSnapPoint } from './types';
 import { Host } from '../../jetpack-compose/Host';
@@ -199,7 +200,11 @@ export function BottomSheet(props: BottomSheetProps) {
               shouldDismissOnClickOutside: enablePanDownToClose,
             }}>
             <RNHostView matchContents={fitToContents}>
-              <View style={fitToContents ? undefined : { flex: 1 }}>{children}</View>
+              {/* flexGrow:1 + height:0 (flex-basis 0) fills RNHostView's measured height without
+                  inheriting the scrollable child's content height, which would block scrolling to the end. */}
+              <View style={fitToContents ? undefined : { flexGrow: 1, height: 0 }}>
+                <SheetScrollContextReset>{children}</SheetScrollContextReset>
+              </View>
             </RNHostView>
           </ModalBottomSheet>
         </Host>

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

@@ -3,6 +3,7 @@ import { useWindowDimensions, View, StyleSheet } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
 
 import { BottomSheetContext, BottomSheetInternalContext } from './context';
+import { SheetScrollContextReset } from './scrollContextReset';
 import type { BottomSheetMethods, BottomSheetProps } from './types';
 import { parseSnapPoint } from './types';
 import { BottomSheet as NativeBottomSheet } from '../../swift-ui/BottomSheet';
@@ -15,6 +16,7 @@ import {
   presentationBackground,
   presentationDetents,
   presentationDragIndicator,
+  presentationSizing,
 } from '../../swift-ui/modifiers/presentationModifiers';
 
 export { useBottomSheet } from './context';
@@ -206,7 +208,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,
@@ -238,15 +241,16 @@ export function BottomSheet(props: BottomSheetProps) {
             <Group modifiers={modifiers}>
               <RNHostView matchContents={fitToContents}>
                 {/* paddingTop compensates for tighter spacing between native drag indicator and content
-                    compared to gorhom's handle. flex:1 fills snap point height; omitted for fitToContents
+                    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. Omitted for fitToContents
                     so RNHostView can measure natural content height. */}
                 <View
                   style={
                     fitToContents
                       ? { paddingTop: handleComponent !== null ? 16 : 0 }
-                      : { flex: 1, paddingTop: handleComponent !== null ? 16 : 0 }
+                      : { flexGrow: 1, height: 0, paddingTop: handleComponent !== null ? 16 : 0 }
                   }>
-                  {children}
+                  <SheetScrollContextReset>{children}</SheetScrollContextReset>
                 </View>
               </RNHostView>
             </Group>

package/src/community/bottom-sheet/scrollContextReset.tsx

@@ -0,0 +1,24 @@
+import type { Context, ReactNode } from 'react';
+import { ScrollView, VirtualizedList } from 'react-native';
+
+const VirtualizedListContext = (VirtualizedList as unknown as { contextType?: Context<unknown> })
+  .contextType;
+const ScrollViewContext = (ScrollView as unknown as { Context?: Context<unknown> }).Context;
+
+// When a virtualised list (RN Flatlist) is nested within another Flatlist,
+// it renders a regular View as Scroll component https://github.com/react/react-native/blob/5c197fb303ed0d975482757fefb7ed38349601b6/packages/virtualized-lists/Lists/VirtualizedList.js#L1291
+// which breaks scrolling.
+// Nested same direction FlatLists are generally considered bad
+// but the react context check it is doing to identify nesting can break some genuine cases
+// e.g. User has a FlatList with a button child that opens bottomsheet with a Flatlist.
+// RN Modal uses similar pattern as below
+export function SheetScrollContextReset({ children }: { children: ReactNode }) {
+  let node: ReactNode = children;
+  if (ScrollViewContext) {
+    node = <ScrollViewContext.Provider value={null}>{node}</ScrollViewContext.Provider>;
+  }
+  if (VirtualizedListContext) {
+    node = <VirtualizedListContext.Provider value={null}>{node}</VirtualizedListContext.Provider>;
+  }
+  return <>{node}</>;
+}

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

@@ -54,6 +54,11 @@ export function DateTimePicker(props: DateTimePickerProps) {
 
   const pickerStyle = displayToDatePickerStyle(display);
 
+  // The compact style hugs its content, so the Host must match it
+  // on both axes, otherwise it collapses to 0 width under a non-stretch parent like
+  // `alignItems: 'center'` https://github.com/expo/expo/issues/46904.
+  const isCompactStyle = pickerStyle === 'compact' || pickerStyle === 'automatic';
+
   const modifiers: ModifierConfig[] = [datePickerStyle(pickerStyle)];
   if (accentColor) {
     modifiers.push(tint(accentColor));
@@ -87,7 +92,10 @@ export function DateTimePicker(props: DateTimePickerProps) {
   };
 
   return (
-    <Host matchContents={{ vertical: true }} style={style} ignoreSafeArea="all">
+    <Host
+      matchContents={isCompactStyle ? true : { vertical: true }}
+      style={style}
+      ignoreSafeArea="all">
       <DatePicker {...iosProps} />
     </Host>
   );

package/src/community/datetime-picker/types.tsx

@@ -24,7 +24,7 @@ export type DateTimePickerChangeEvent = {
   };
 };
 
-export type DateTimePickerProps = {
+export interface DateTimePickerProps extends Pick<ViewProps, 'style'> {
   /**
    * The current date value (controlled).
    */
@@ -123,7 +123,7 @@ export type DateTimePickerProps = {
    * @platform android
    */
   negativeButton?: { label?: string };
-} & Pick<ViewProps, 'style'>;
+}
 
 // -- Helpers ---------------------------------------------------------------
 

package/src/community/menu/types.tsx

@@ -118,7 +118,7 @@ export type NativeActionEvent = {
  * Props for the `MenuView` component.
  * Drop-in compatible with `@react-native-menu/menu`.
  */
-export type MenuComponentProps = {
+export interface MenuComponentProps {
   /**
    * Menu title shown at the top of the menu.
    * @platform ios
@@ -168,4 +168,4 @@ export type MenuComponentProps = {
    * Trigger view. Long-pressing or tapping (per `shouldOpenOnLongPress`) opens the menu.
    */
   children?: ReactNode;
-};
+}

package/src/community/pager-view/types.tsx

@@ -40,7 +40,7 @@ export const wrapNativeEvent = <T,>(nativeEvent: T): NativeSyntheticEvent<T> =>
  * Props for the `PagerView` component.
  * Compatible with `react-native-pager-view`.
  */
-export type PagerViewProps = ViewProps & {
+export interface PagerViewProps extends ViewProps {
   /**
    * Ref handle exposing imperative `setPage`, `setPageWithoutAnimation`,
    * and `setScrollEnabled` methods.
@@ -104,7 +104,7 @@ export type PagerViewProps = ViewProps & {
    * stretched to fill the pager. Each child should have a stable `key`.
    */
   children?: ReactNode;
-};
+}
 
 /**
  * Ref handle for the `PagerView` component.

package/src/community/segmented-control/types.tsx

@@ -18,7 +18,7 @@ export type NativeSegmentedControlChangeEvent = {
  */
 export type NativeSegmentedControlIOSChangeEvent = NativeSegmentedControlChangeEvent;
 
-export type SegmentedControlProps = {
+export interface SegmentedControlProps {
   /**
    * The labels for the control's segment buttons, in order.
    */
@@ -52,7 +52,7 @@ export type SegmentedControlProps = {
   appearance?: 'dark' | 'light';
   style?: StyleProp<ViewStyle>;
   testID?: string;
-};
+}
 
 /**
  * Builds a synthetic `onChange` event matching the community library shape.

package/src/community/slider/types.tsx

@@ -4,7 +4,7 @@ import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
  * Props for the `Slider` community drop-in component.
  * Compatible with `@react-native-community/slider`.
  */
-export type SliderProps = {
+export interface SliderProps {
   /**
    * Initial / current value of the slider.
    * Behaves like the community lib: passing a new value updates the thumb,
@@ -72,4 +72,4 @@ export type SliderProps = {
    * Used to style and layout the Slider.
    */
   style?: StyleProp<ViewStyle>;
-};
+}