@expo/ui 0.2.0-alpha.0 → 0.2.0-alpha.2

package/ios/PickerView.swift

@@ -3,7 +3,13 @@
 import SwiftUI
 import ExpoModulesCore
 
-final class PickerProps: ExpoSwiftUI.ViewProps {
+final class PickerProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var options: [String] = []
   @Field var selectedIndex: Int?
   @Field var variant: String?
@@ -29,6 +35,7 @@ struct PickerView: ExpoSwiftUI.View {
         }
       }
       .tint(props.color)
+      .modifier(CommonViewModifiers(props: props))
 #if !os(tvOS)
       .if(props.variant == "wheel", { $0.pickerStyle(.wheel) })
       .if(props.variant == "palette", { $0.pickerStyle(.palette) })

package/ios/ProgressView.swift

@@ -8,7 +8,13 @@ internal enum ProgressVariant: String, Enumerable {
   case linear
 }
 
-final class ProgressProps: ExpoSwiftUI.ViewProps {
+final class ProgressProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var variant: ProgressVariant = .circular
   @Field var progress: Double?
   @Field var color: Color?
@@ -20,6 +26,7 @@ struct ProgressView: ExpoSwiftUI.View {
   var body: some View {
     SwiftUI.ProgressView(value: props.progress)
       .tint(props.color)
+      .modifier(CommonViewModifiers(props: props))
       .if(props.variant == .circular) {
         $0.progressViewStyle(.circular)
       }

package/ios/SectionView.swift

@@ -3,34 +3,23 @@
 import SwiftUI
 import ExpoModulesCore
 
-final class SectionProps: ExpoSwiftUI.ViewProps {
-  @Field var title: String?
-}
-
-struct SectionView: ExpoSwiftUI.View {
-  @ObservedObject var props: SectionProps
-
-  var body: some View {
-    let form = Form {
-      Section(header: Text(props.title ?? "").textCase(nil)) {
-        Children()
-      }
-    }
+final class SectionProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
 
-    if #available(iOS 16.0, tvOS 16.0, *) {
-      form.scrollDisabled(true)
-    } else {
-      form
-    }
-  }
+  @Field var title: String?
 }
 
-internal struct SectionPrimitiveView: ExpoSwiftUI.View {
+internal struct SectionView: ExpoSwiftUI.View {
   @ObservedObject var props: SectionProps
 
   var body: some View {
     Section(header: Text(props.title ?? "").textCase(nil)) {
       Children()
     }
+    .modifier(CommonViewModifiers(props: props))
   }
 }

package/ios/SecureField/SecureFieldView.swift

@@ -1,7 +1,13 @@
 import SwiftUI
 import ExpoModulesCore
 
-final class SecureFieldProps: ExpoSwiftUI.ViewProps {
+final class SecureFieldProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var defaultValue: String = ""
   @Field var placeholder: String = ""
   @Field var keyboardType: KeyboardType = KeyboardType.defaultKeyboard
@@ -24,7 +30,9 @@ struct SecureFieldView: ExpoSwiftUI.View {
     SecureField(
       props.placeholder,
       text: $textManager.text
-    ).fixedSize(horizontal: false, vertical: true)
+    )
+      .modifier(CommonViewModifiers(props: props))
+      .fixedSize(horizontal: false, vertical: true)
       .onAppear { textManager.text = props.defaultValue }
       .onChange(of: textManager.text) { newValue in
         props.onValueChanged(["value": newValue])

package/ios/ShareLinkView.swift

@@ -6,7 +6,13 @@ struct Preview: Record {
   @Field var image: String
 }
 
-final class ShareLinkViewProps: ExpoSwiftUI.ViewProps {
+final class ShareLinkViewProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var item: URL?
   @Field var subject: String?
   @Field var message: String?
@@ -37,6 +43,7 @@ struct ShareLinkView: ExpoSwiftUI.View {
           ) {
             Children()
           }
+          .modifier(CommonViewModifiers(props: props))
         } else {
           shareLink(
             item: item,
@@ -44,6 +51,7 @@ struct ShareLinkView: ExpoSwiftUI.View {
             message: message,
             preview: preview
           )
+          .modifier(CommonViewModifiers(props: props))
         }
       }
     }

package/ios/SliderView.swift

@@ -3,7 +3,13 @@
 import SwiftUI
 import ExpoModulesCore
 
-final class SliderProps: ExpoSwiftUI.ViewProps {
+final class SliderProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var value: Float?
   @Field var steps: Int = 0
   @Field var min: Float = 0.0
@@ -32,6 +38,7 @@ struct SliderView: ExpoSwiftUI.View {
   var body: some View {
     #if !os(tvOS)
     Slider(value: $value, in: props.min...props.max, step: getStep(props.min, props.max, props.steps) )
+    .modifier(CommonViewModifiers(props: props))
     .onChange(of: value, perform: { newValue in
       if props.value == newValue {
         return

package/ios/SpacerView.swift

@@ -7,8 +7,10 @@ internal final class SpacerViewProps: ExpoSwiftUI.ViewProps, CommonViewModifierP
   @Field var fixedSize: Bool?
   @Field var frame: FrameOptions?
   @Field var padding: PaddingOptions?
-  @Field var minLength: Double?
   @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
+  @Field var minLength: Double?
 }
 
 internal struct SpacerView: ExpoSwiftUI.View {

package/ios/SwitchView.swift

@@ -3,7 +3,13 @@
 import SwiftUI
 import ExpoModulesCore
 
-final class SwitchProps: ExpoSwiftUI.ViewProps {
+final class SwitchProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var value: Bool
   @Field var variant: String?
   @Field var label: String?
@@ -30,6 +36,7 @@ struct SwitchView: ExpoSwiftUI.View {
       ])
     })
     .tint(props.color)
+    .modifier(CommonViewModifiers(props: props))
     .onReceive(props.objectWillChange, perform: {
       checked = props.value
     })

package/ios/TextField/TextFieldView.swift

@@ -16,7 +16,13 @@ enum KeyboardType: String, Enumerable {
   case asciiCapableNumberPad = "ascii-capable-number-pad"
 }
 
-final class TextFieldProps: ExpoSwiftUI.ViewProps {
+final class TextFieldProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var defaultValue: String = ""
   @Field var placeholder: String = ""
   @Field var multiline: Bool = false
@@ -102,6 +108,7 @@ struct TextFieldView: ExpoSwiftUI.View {
       )
     }
     return text.lineLimit((props.multiline && allowMultiLine()) ? props.numberOfLines : 1)
+      .modifier(CommonViewModifiers(props: props))
       .fixedSize(horizontal: false, vertical: true)
       .keyboardType(getKeyboardType(props.keyboardType))
       .autocorrectionDisabled(!props.autocorrection)

package/ios/TextView.swift

@@ -7,13 +7,15 @@ internal final class TextViewProps: ExpoSwiftUI.ViewProps, CommonViewModifierPro
   @Field var fixedSize: Bool?
   @Field var frame: FrameOptions?
   @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var text: String = ""
   @Field var weight: String?
   @Field var design: String?
   @Field var size: Double?
   @Field var lineLimit: Int?
   @Field var color: Color?
-  @Field var testID: String?
 }
 
 internal struct TextView: ExpoSwiftUI.View {

package/ios/VStackView.swift

@@ -24,11 +24,13 @@ internal final class VStackViewProps: ExpoSwiftUI.ViewProps, CommonViewModifierP
   @Field var fixedSize: Bool?
   @Field var frame: FrameOptions?
   @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
   @Field var spacing: Double?
   @Field var useTapGesture: Bool?
   @Field var alignment: HorizontalAlignmentOptions?
   @Field var backgroundColor: Color?
-  @Field var testID: String?
   var onTap = EventDispatcher()
 }
 

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2-sources.jar.md5

@@ -0,0 +1 @@
+74326687662c24724b38c2a64454fc7d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2-sources.jar.sha1

@@ -0,0 +1 @@
+205cb5aac195bc0632e0fe3d9b0842734ffc8c96

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2-sources.jar.sha256

@@ -0,0 +1 @@
+ab99988e09f8bda506deaa7eded3b45bfa56f444c6f55c78d7814cfb6c40918b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2-sources.jar.sha512

@@ -0,0 +1 @@
+b6fd029855da3e7ceb97e20cf9dbcbf73f0b81342a24eb9e1988d7d05734fb038080702280129e643d1acab4b1ca0d9d2147d54f64906f6824659640bcc12b46

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.aar.md5

@@ -0,0 +1 @@
+0231f798749c8b1abc3b9d13953e3402

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.aar.sha1

@@ -0,0 +1 @@
+3a9278051ca06d03eeabfa2b61c325364d1ab534

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.aar.sha256

@@ -0,0 +1 @@
+b1c1a4d274c028b10bac4f977b1cfb740b2b70099a3d5dda908d8672810ad77c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.aar.sha512

@@ -0,0 +1 @@
+384cd29a311455c4ae4cf149d310dcfe14a19327037155ed2d92caaa560f8dddb508848c5d53f4df052616c6a7ea375f7c71c65005b033059cbb2371347cc41c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-alpha.0/expo.modules.ui-0.2.0-alpha.0.module → 0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "0.2.0-alpha.0",
+    "version": "0.2.0-alpha.2",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.0.aar",
-          "url": "expo.modules.ui-0.2.0-alpha.0.aar",
-          "size": 248167,
-          "sha512": "23366fa513cf3aac1423ea91e133aa772b890de9c6171d4296286ec957522ad254bc63d31a24981706d93819109789337e767728151557e0cf3c7925f3a57de0",
-          "sha256": "bbcfad049afe31b2fdd5d0dd78361ed075543f57dfbee132a60ca1534273cdc1",
-          "sha1": "742fd22b12e959162b12bc7adb03c72f95f822e3",
-          "md5": "24b83c1dfef683cfcb738812951eae82"
+          "name": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "url": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "size": 290997,
+          "sha512": "384cd29a311455c4ae4cf149d310dcfe14a19327037155ed2d92caaa560f8dddb508848c5d53f4df052616c6a7ea375f7c71c65005b033059cbb2371347cc41c",
+          "sha256": "b1c1a4d274c028b10bac4f977b1cfb740b2b70099a3d5dda908d8672810ad77c",
+          "sha1": "3a9278051ca06d03eeabfa2b61c325364d1ab534",
+          "md5": "0231f798749c8b1abc3b9d13953e3402"
         }
       ]
     },
@@ -102,13 +102,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.0.aar",
-          "url": "expo.modules.ui-0.2.0-alpha.0.aar",
-          "size": 248167,
-          "sha512": "23366fa513cf3aac1423ea91e133aa772b890de9c6171d4296286ec957522ad254bc63d31a24981706d93819109789337e767728151557e0cf3c7925f3a57de0",
-          "sha256": "bbcfad049afe31b2fdd5d0dd78361ed075543f57dfbee132a60ca1534273cdc1",
-          "sha1": "742fd22b12e959162b12bc7adb03c72f95f822e3",
-          "md5": "24b83c1dfef683cfcb738812951eae82"
+          "name": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "url": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "size": 290997,
+          "sha512": "384cd29a311455c4ae4cf149d310dcfe14a19327037155ed2d92caaa560f8dddb508848c5d53f4df052616c6a7ea375f7c71c65005b033059cbb2371347cc41c",
+          "sha256": "b1c1a4d274c028b10bac4f977b1cfb740b2b70099a3d5dda908d8672810ad77c",
+          "sha1": "3a9278051ca06d03eeabfa2b61c325364d1ab534",
+          "md5": "0231f798749c8b1abc3b9d13953e3402"
         }
       ]
     },
@@ -122,13 +122,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.0-sources.jar",
-          "url": "expo.modules.ui-0.2.0-alpha.0-sources.jar",
-          "size": 17373,
-          "sha512": "ef4131a42efe862089dbd33f757bccd3d757ac30d17729eff83c98bc82fbfda3a36f96d9c1178187aaf14aae72802d70c2882f0afc1e2b4633116a6adffeb817",
-          "sha256": "707ccd08375682a90fb6e35a9dc4e6f31bd1b8e2443e241e490447d616cddf05",
-          "sha1": "7b78c0361a3e0fa09c1eabc1f064cf1e9e52b777",
-          "md5": "1378481ef4097aedce0fc8727d12eaf0"
+          "name": "expo.modules.ui-0.2.0-alpha.2-sources.jar",
+          "url": "expo.modules.ui-0.2.0-alpha.2-sources.jar",
+          "size": 18894,
+          "sha512": "b6fd029855da3e7ceb97e20cf9dbcbf73f0b81342a24eb9e1988d7d05734fb038080702280129e643d1acab4b1ca0d9d2147d54f64906f6824659640bcc12b46",
+          "sha256": "ab99988e09f8bda506deaa7eded3b45bfa56f444c6f55c78d7814cfb6c40918b",
+          "sha1": "205cb5aac195bc0632e0fe3d9b0842734ffc8c96",
+          "md5": "74326687662c24724b38c2a64454fc7d"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.md5

@@ -0,0 +1 @@
+ebd622454b8774b1d8ab9e5e13faef28

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha1

@@ -0,0 +1 @@
+72cb5c3cd1ca2c656fd9f9c5a82e39e076b998e6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha256

@@ -0,0 +1 @@
+51b8e44c8de591afb564cca40096f2923a77c03577e8aa204aa187d6dd871aa8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha512

@@ -0,0 +1 @@
+acd769c1604cc8b0ef715b2f02991e2a52a6157f5c1c101092bcbb9baadb42ffba7963415b68a9716e0274e12cec59481b8436e795f1e7d9ee11af7b3adfa523

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-alpha.0/expo.modules.ui-0.2.0-alpha.0.pom → 0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom}

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

@@ -0,0 +1 @@
+732bab5d7fc9465e34d27e82c59951f5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha1

@@ -0,0 +1 @@
+99c4b297650ecd03d9207c8380a537e1e9fea2fd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha256

@@ -0,0 +1 @@
+1dfbdb4e571d7f6434abdca55138ea887a886e1c8c6df3ab1bedb0a576f02551

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha512

@@ -0,0 +1 @@
+0b1ca33275c23c58e10e53cfdb637b81b1cc07d9daa34d0def0ec3b2d2e4f3cb92688325ecee2c9d9afb45575d71bdf1faaa65d69dca03140004d5f52bedd7f9

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>0.2.0-alpha.0</latest>
-    <release>0.2.0-alpha.0</release>
+    <latest>0.2.0-alpha.2</latest>
+    <release>0.2.0-alpha.2</release>
     <versions>
-      <version>0.2.0-alpha.0</version>
+      <version>0.2.0-alpha.2</version>
     </versions>
-    <lastUpdated>20250813165921</lastUpdated>
+    <lastUpdated>20250817001225</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-e22f8d8ef9b0a2d3a3cd46dd37206c9b
+3082b97a312a6469219f32e0f2c16970

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

@@ -1 +1 @@
-1a7b8d12c79dc4cee48f302a342bc9b5e0ed325c
+bde0a07c71de9701e97e10a867147fcc518499b5

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

@@ -1 +1 @@
-8f6b348a2fec6f014fe4743159d5f0ec2dec5d4dcf18e477e4f8acb5ca6ea6e3
+a129b569318b20e3395910904ade09331de52525273946c1c751bc77719a0275

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

@@ -1 +1 @@
-f91aae69550122233a91720387a761c160c009e25648c9687a03f0c1d83ab471748577f90293e5958fdbcafd9b31633075bf2751240145afea0f9c3850afa68b
+79754ea6872d61b1a175057bfaf2a4250fe3c2ddf1f0dac39eceba5fd489f6ed2d3c0b7e98b825ebb92081c76624b9f4866db62d6676b1e48528b27147619050

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "0.2.0-alpha.0",
+  "version": "0.2.0-alpha.2",
   "description": "A collection of UI components",
   "scripts": {
     "build": "expo-module build",
@@ -26,13 +26,13 @@
   "license": "MIT",
   "dependencies": {},
   "devDependencies": {
-    "@types/react": "~19.0.10",
-    "expo-module-scripts": "^5.0.0"
+    "@types/react": "~19.1.10",
+    "expo-module-scripts": "^5.0.2"
   },
   "peerDependencies": {
     "expo": "*",
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "cb7062e2c17d1fb09522834aaaac0e19b766df62"
+  "gitHead": "eaa9b645058cf2233fbb27bb21a19bc605c90a88"
 }

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

@@ -1,5 +1,7 @@
 import { requireNativeView } from 'expo';
 
+import { ExpoModifier } from '../../types';
+
 export type AlertDialogProps = {
   /**
    * The title of the alert dialog.
@@ -31,6 +33,9 @@ export type AlertDialogProps = {
    * Callback that is called when the user tries to dismiss the dialog.
    */
   onDismissPressed?: () => void;
+
+  /** Modifiers for the component */
+  modifiers?: ExpoModifier[];
 };
 
 export type NativeAlertDialogProps = AlertDialogProps;
@@ -44,5 +49,11 @@ const AlertDialogNativeView: React.ComponentType<NativeAlertDialogProps> = requi
  * Renders an `AlertDialog` component.
  */
 export function AlertDialog(props: AlertDialogProps) {
-  return <AlertDialogNativeView {...props} />;
+  return (
+    <AlertDialogNativeView
+      {...props}
+      // @ts-expect-error
+      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}
+    />
+  );
 }

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

@@ -2,7 +2,7 @@ import { requireNativeView } from 'expo';
 import { StyleProp, StyleSheet, ViewStyle } from 'react-native';
 
 import { MaterialIcon } from './types';
-import { ViewEvent } from '../../types';
+import { ExpoModifier, ViewEvent } from '../../types';
 
 /**
  * The built-in button styles available on Android.
@@ -56,6 +56,9 @@ export type ButtonProps = {
    * Disabled state of the button.
    */
   disabled?: boolean;
+
+  /** Modifiers for the component */
+  modifiers?: ExpoModifier[];
 };
 
 /**
@@ -85,6 +88,8 @@ export function transformButtonProps(props: ButtonProps): NativeButtonProps {
     text: children ?? '',
     systemImage,
     onButtonPressed: onPress,
+    // @ts-expect-error
+    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
     elementColors: props.elementColors
       ? props.elementColors
       : props.color

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

@@ -3,6 +3,7 @@ import { Children, ReactElement, ReactNode, useMemo } from 'react';
 import { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 
 import { MenuElement, transformChildrenToElementArray } from './utils';
+import { ExpoModifier } from '../../types';
 import { ButtonProps } from '../Button';
 import { PickerProps } from '../Picker';
 import { SwitchProps } from '../Switch';
@@ -70,6 +71,9 @@ export type ContextMenuProps = {
    * Optional styles to apply to the `ContextMenu`.
    */
   style?: StyleProp<ViewStyle>;
+
+  /** Modifiers for the component */
+  modifiers?: ExpoModifier[];
 };
 
 /**
@@ -158,6 +162,8 @@ function ContextMenu(props: ContextMenuProps) {
       onContextMenuButtonPressed={createEventHandler('onPress')}
       onContextMenuSwitchValueChanged={createEventHandler('onValueChange')}
       onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')}
+      // @ts-expect-error
+      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}
       {...props}>
       {activationElement}
     </MenuNativeView>

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

@@ -1,7 +1,7 @@
 import { requireNativeView } from 'expo';
 import { StyleProp, ViewStyle, StyleSheet, PixelRatio } from 'react-native';
 
-import { ViewEvent } from '../../types';
+import { ExpoModifier, ViewEvent } from '../../types';
 
 export type AndroidVariant = 'picker' | 'input';
 
@@ -47,6 +47,8 @@ export type DateTimePickerProps = {
    * @default true
    */
   is24Hour?: boolean;
+  /** Modifiers for the component */
+  modifiers?: ExpoModifier[];
 };
 
 type NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {
@@ -74,6 +76,8 @@ export function transformDateTimePickerProps(props: DateTimePickerProps): Native
       props?.onDateSelected?.(new Date(date));
     },
     variant,
+    // @ts-expect-error
+    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
     style: [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }],
   };
 }

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

@@ -1,6 +1,8 @@
 import { requireNativeView } from 'expo';
 import { StyleProp, ViewStyle } from 'react-native';
 
+import { ExpoModifier } from '../../types';
+
 /**
  * Colors for picker's core elements.
  */
@@ -51,6 +53,10 @@ export type PickerProps = {
    * Picker color.
    */
   color?: string;
+  /** Modifiers for the component */
+  modifiers?: ExpoModifier[];
+  /** Modifiers for the individual buttons */
+  buttonModifiers?: ExpoModifier[];
 };
 
 const PickerNativeView: React.ComponentType<PickerProps> = requireNativeView(
@@ -75,6 +81,10 @@ export function transformPickerProps(props: PickerProps): NativePickerProps {
           }
         : undefined,
     color: props.color,
+    // @ts-expect-error
+    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
+    // @ts-expect-error
+    buttonModifiers: props.buttonModifiers?.map((m) => m.__expo_shared_object_id__),
   };
 }