mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
nishan (o^▽^o)andFacebook GitHub Bot
2f3b104224
Summary: This PR replaces Core Graphics implementation with Core Animation for linear gradients. I came across a great [solution](https://stackoverflow.com/questions/38821631/cagradientlayer-diagonal-gradient/43176174#43176174) that makes the `CAGradientLayer`'s start and end point behaviour CSS spec compliant. This will make gradients much more performant. ## Changelog: [IOS] [CHANGED] - Optimised Linear Gradients. <!-- Help reviewers and the release process by writing your own changelog entry. Pick one each for the category and type tags: [ANDROID|GENERAL|IOS|INTERNAL] [BREAKING|ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY] - Message For more details, see: https://reactnative.dev/contributing/changelogs-in-pull-requests Pull Request resolved: https://github.com/facebook/react-native/pull/52096 Test Plan: Non breaking change. Test Linear gradient example from RNTester. Compare results with web, android and iOS. Each platform should render the gradients identically. ## Note: I will be doing a PR to use `CAGradientLayer` for radial gradients as well. The next properties that I have locally working are `background-size`, `background-position` and `background-repeat`. These will be addressed in small PRs. Reviewed By: NickGerleman Differential Revision: D76905215 Pulled By: javache fbshipit-source-id: 0094bdf70869d619272d491dd496983316b0dbf0