mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
fix: [TS] Update translateX & translateY types to support % (#42671)
Summary:
After update to the latest `react-native` version
we discover that we are unable to use `number%` value for `translate*` props :
```tsx
StyleSheet.create({
root: {
transform: [
{ translateX: '-50%' },
// ^^^^^^ TS Error: Type string is not assignable to type AnimatableNumericValue | undefined
],
}
});
```
---
percentage values are supported, demo: https://snack.expo.dev/retyui/test-tstransform
## Changelog:
[GENERAL] [FIXED] - Update typescript definition of `translateX` & `translateX` to be able to use percentage values
Pull Request resolved: https://github.com/facebook/react-native/pull/42671
Test Plan: `yarn tsc --noEmit`
Reviewed By: rozele, cortinico
Differential Revision: D53146046
Pulled By: NickGerleman
fbshipit-source-id: 3486e7a9b55b98c36cc96b2bca4bb27841061e80
This commit is contained in:
1 parent
e97ba475aa
commit
b133bf6024
1 file changed
+2
-2
@@ -155,11 +155,11 @@ interface ScaleYTransform {
|
||||
}
|
||||
|
||||
interface TranslateXTransform {
|
||||
translateX: AnimatableNumericValue;
|
||||
translateX: AnimatableNumericValue | `${number}%`;
|
||||
}
|
||||
|
||||
interface TranslateYTransform {
|
||||
translateY: AnimatableNumericValue;
|
||||
translateY: AnimatableNumericValue | `${number}%`;
|
||||
}
|
||||
|
||||
interface SkewXTransform {
|
||||
|
||||
Reference in new issue
Block a user