Skip to content

Transforms no longer compose correctly #10111

@rozele

Description

@rozele

Problem Description

Previously, we composed transforms in JS using processTransform.js from the upstream RN repo. As of #9798, we forked the processTransform.js to allow the RNW Fabric implementation to compose transforms natively. Unfortunately, the float4x4 matrix multiply function does not produce consistent results with iOS and Android (see screenshots below).

Steps To Reproduce

  1. Run the RNTester > APIs > Transforms example
  2. Compare rendering between Windows and iOS/Android
  3. Notice that the two platforms do not produce identical results when transforms (e.g., translate and rotate) are composed.

Expected Results

Transforms must compose identically on both platforms.

CLI version

npx react-native --version

Environment

npx react-native info

Target Platform Version

No response

Target Device(s)

No response

Visual Studio Version

No response

Build Configuration

No response

Snack, code example, screenshot, or link to a repository

iOS Windows
Screen Shot 2022-06-14 at 1 04 06 PM image

|
|Screen Shot 2022-06-14 at 1 06 04 PM|image|

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions