react-native
react-native copied to clipboard
Fixes rendering smudges of elements with border for iOS New Architecture
Summary:
0.73.0
introduced smudges appearing while rendering screen with elements, which use borderWidth
styles as in https://github.com/facebook/react-native/issues/42604.
https://github.com/facebook/react-native/pull/38234 removed a feature flag disableTransactionCommit
, which by default was false
, meaning that prior to this RCTMountingManager.mm
was using CATransaction
for rendering (unless feature flag react_fabric:disable_transaction_commit
was applied).
This change brings back CATransaction
into RCTMountingManager.mm
Changelog:
[IOS] [FIXED] - Fix rendering issues of elements with borderWidth
(issue 42604)
Test Plan:
Download reproduction repository from linked issue and apply changes to the local version of react-native.
Using Reload
button or switching screen should not show any more smudges when rendering elements with borderWidth
CC @sammy-SC
This should be resolved by https://github.com/facebook/react-native/commit/5fbdc994f945ee8d834632649e3b82451660e8fe
let me know if you are still seeing an issue.
We don't want to bring bar CATransaction because it has a performance cost associated with it.
Amazing, thank you @sammy-SC .
I can confirm it resolves the unwanted behaviour visible in the reproduction repository of the linked issue.
thanks for confirming @jankosecki and sorry for breaking this in the first place.