Fix animating background colors in View (#47101)

joevilches · blakef · commit defc0c8c2188 · 2024-10-28T14:19:54.000Z
Summary: Pull Request resolved: #47101 See #47011 borders do not have this problem because they call `removeAllAnimations` on the layer after changing it, which is what I am doing here Changelog: [iOS] [fixed] - Fixed bug where background colors would sometimes animate when changing on Views Reviewed By: cipolleschi Differential Revision: D64493968 fbshipit-source-id: cf81549f21b124b67c6e7647c6ae827bfe80a9cf
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -833,6 +833,8 @@ - (void)invalidateLayer
       _backgroundColorLayer.mask = maskLayer;
       _backgroundColorLayer.cornerRadius = 0;
     }
+
+    [_backgroundColorLayer removeAllAnimations];
   }
 
   // borders

Original file line number	Diff line number	Diff line change
`@@ -833,6 +833,8 @@ - (void)invalidateLayer`
`833`	`833`	`_backgroundColorLayer.mask = maskLayer;`
`834`	`834`	`_backgroundColorLayer.cornerRadius = 0;`
`835`	`835`	`}`
	`836`	`+`
	`837`	`+ [_backgroundColorLayer removeAllAnimations];`
`836`	`838`	`}`
`837`	`839`
`838`	`840`	`// borders`