status-im/react-native
2
0
Fork 0
mirror of https://github.com/status-im/react-native.git synced 2025-02-26 16:10:58 +00:00
Code Issues Projects Releases Wiki Activity

Fabric: Implementation of <View transform={...}/> property

Browse Source 
Summary: After moving all matrix math to C++, the actual client native code is quite trivial.

Reviewed By: fkgozali

Differential Revision: D8344059

fbshipit-source-id: 6910c6af5de64d5f901e82075d30edbde177af40
This commit is contained in:
Valentin Shergin 2018-06-15 11:25:34 -07:00 committed by Facebook Github Bot
parent 55f8cfe693
commit dc0ebf7cb0
2 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
View File

@ -110,6 +110,10 @@ using namespace facebook::react;
self.userInteractionEnabled = newViewProps.pointerEvents != PointerEventsMode::None; self.userInteractionEnabled = newViewProps.pointerEvents != PointerEventsMode::None;
} }
// `transform`
if (oldViewProps.transform != newViewProps.transform) {
self.layer.transform = RCTCATransform3DFromTransformMatrix(newViewProps.transform);
self.layer.allowsEdgeAntialiasing = newViewProps.transform != Transform::Identity();
} }
// TODO: Implement all sutable non-layout <View> props. // TODO: Implement all sutable non-layout <View> props.

22
React/Fabric/RCTConversions.h
View File

@ -35,6 +35,28 @@ inline UIEdgeInsets RCTUIEdgeInsetsFromEdgeInsets(facebook::react::EdgeInsets ed
return {edgeInsets.top, edgeInsets.left, edgeInsets.bottom, edgeInsets.right}; return {edgeInsets.top, edgeInsets.left, edgeInsets.bottom, edgeInsets.right};
} }
inline CATransform3D RCTCATransform3DFromTransformMatrix(facebook::react::Transform transformMatrix) {
return {
(CGFloat)transformMatrix.matrix[0],
(CGFloat)transformMatrix.matrix[1],
(CGFloat)transformMatrix.matrix[2],
(CGFloat)transformMatrix.matrix[3],
(CGFloat)transformMatrix.matrix[4],
(CGFloat)transformMatrix.matrix[5],
(CGFloat)transformMatrix.matrix[6],
(CGFloat)transformMatrix.matrix[7],
(CGFloat)transformMatrix.matrix[8],
(CGFloat)transformMatrix.matrix[9],
(CGFloat)transformMatrix.matrix[10],
(CGFloat)transformMatrix.matrix[11],
(CGFloat)transformMatrix.matrix[12],
(CGFloat)transformMatrix.matrix[13],
(CGFloat)transformMatrix.matrix[14],
(CGFloat)transformMatrix.matrix[15]
};
}
inline facebook::react::Point RCTPointFromCGPoint(CGPoint point) { inline facebook::react::Point RCTPointFromCGPoint(CGPoint point) {
return {point.x, point.y}; return {point.x, point.y};
} }