From 10e7c821a66d3d22ef74c552cbfc74c26840af46 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 28 Feb 2020 16:14:46 +0000 Subject: [PATCH] Deploy website Deploy website version based on bee45cd5dc6af1786641f1324f8b2ce6f9240dd8 --- docs/next/transforms.html | 455 +++++++++++++++++++++++++++----- docs/next/transforms/index.html | 455 +++++++++++++++++++++++++++----- 2 files changed, 774 insertions(+), 136 deletions(-) diff --git a/docs/next/transforms.html b/docs/next/transforms.html index 0a34751ac95..4a42c99608b 100644 --- a/docs/next/transforms.html +++ b/docs/next/transforms.html @@ -1,4 +1,4 @@ -Transforms · React Native
Edit

Transforms

Reference

+
Edit

Transforms

Transforms are style properties that will help you modify the appearance and position of your components using 2D or 3D transformations. However, once you apply transforms, the layouts remain the same around the transformed component hence it might overlap with the nearby components. You can apply margin to the transformed component or the nearby components to prevent such overlaps. The following example increases the margin of the transformed component whenever it overlaps with the nearby components after a transform.

+

Example

+
+
    + + +
+
+

+

+

+
+

Reference

Methods

-

decomposedMatrix

-
-

Deprecated. Use the transform prop instead.

-
- - - - - - - -
TypeRequired
DecomposedMatrixPropTypeNo
-
-

rotation

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

scaleX

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

scaleY

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-

transform

transform accepts an array of transformation objects. Each object specifies the property that will be transformed as the key, and the value to use in the transformation. Objects should not be combined. Use a single key/value pair per object.

The rotate transformations require a string so that the transform may be expressed in degrees (deg) or radians (rad). For example:

@@ -128,39 +467,19 @@
-

transformMatrix

+

decomposedMatrix, rotation, scaleX, scaleY, transformMatrix, translateX, translateY

-

Deprecated. Use the transform prop instead.

+

Deprecated. Use the transform prop instead.

- - -
TypeRequired
TransformMatrixPropTypeNo
-
-

translateX

- - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

translateY

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
← ToastAndroidVibration →
Edit

Transforms

Reference

+
Edit

Transforms

Transforms are style properties that will help you modify the appearance and position of your components using 2D or 3D transformations. However, once you apply transforms, the layouts remain the same around the transformed component hence it might overlap with the nearby components. You can apply margin to the transformed component or the nearby components to prevent such overlaps. The following example increases the margin of the transformed component whenever it overlaps with the nearby components after a transform.

+

Example

+
+
    + + +
+
+

+

+

+
+

Reference

Methods

-

decomposedMatrix

-
-

Deprecated. Use the transform prop instead.

-
- - - - - - - -
TypeRequired
DecomposedMatrixPropTypeNo
-
-

rotation

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

scaleX

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

scaleY

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-

transform

transform accepts an array of transformation objects. Each object specifies the property that will be transformed as the key, and the value to use in the transformation. Objects should not be combined. Use a single key/value pair per object.

The rotate transformations require a string so that the transform may be expressed in degrees (deg) or radians (rad). For example:

@@ -128,39 +467,19 @@
-

transformMatrix

+

decomposedMatrix, rotation, scaleX, scaleY, transformMatrix, translateX, translateY

-

Deprecated. Use the transform prop instead.

+

Deprecated. Use the transform prop instead.

- - -
TypeRequired
TransformMatrixPropTypeNo
-
-

translateX

- - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
-

translateY

- - - - - - - -
TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No
-
← ToastAndroidVibration →