diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts index e643122451f..ae0a11716f8 100644 --- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts +++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts @@ -182,21 +182,23 @@ type MaximumOneOf = K extends keyof T export interface TransformsStyle { transform?: - | MaximumOneOf< - PerspectiveTransform & - RotateTransform & - RotateXTransform & - RotateYTransform & - RotateZTransform & - ScaleTransform & - ScaleXTransform & - ScaleYTransform & - TranslateXTransform & - TranslateYTransform & - SkewXTransform & - SkewYTransform & - MatrixTransform - >[] + | Readonly< + MaximumOneOf< + PerspectiveTransform & + RotateTransform & + RotateXTransform & + RotateYTransform & + RotateZTransform & + ScaleTransform & + ScaleXTransform & + ScaleYTransform & + TranslateXTransform & + TranslateYTransform & + SkewXTransform & + SkewYTransform & + MatrixTransform + >[] + > | string | undefined; transformOrigin?: Array | string | undefined; diff --git a/packages/react-native/types/__typetests__/stylesheet-create.tsx b/packages/react-native/types/__typetests__/stylesheet-create.tsx index 554ebd74c07..e2ffba7ee4b 100644 --- a/packages/react-native/types/__typetests__/stylesheet-create.tsx +++ b/packages/react-native/types/__typetests__/stylesheet-create.tsx @@ -8,7 +8,7 @@ */ import * as React from 'react'; -import {View, StyleSheet} from 'react-native'; +import {View, StyleSheet, type ShadowStyleIOS} from 'react-native'; export function App() { return ; @@ -40,3 +40,15 @@ const styles2 = StyleSheet.create({ magrinRight: 1, }, }); + +const shadowOffsetConst: Readonly = { + width: 1, + height: 2, +}; + +const styles3 = StyleSheet.create({ + transforms: { + transform: [{translateX: 40}] as const, + shadowOffset: shadowOffsetConst, + }, +});