Skip to content

[iOS][backgroundImage] - Use CAGradientLayer for radial gradient #52117

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

intergalacticspacehighway
Copy link
Contributor

@intergalacticspacehighway intergalacticspacehighway commented Jun 18, 2025

Summary:

This PR replaces Core Graphics implementation with Core Animation for radial gradients. I found that endPoints for radial gradient type works differently than linear gradient type. The endPoint.x accounts for horizontal length and endPoint.y accounts for vertical. This makes it possible to draw ellipse gradients. So we don't need the core graphics API anymore.

Changelog:

[IOS] [CHANGED] - Optimised Radial Gradients.

Test Plan:

Non breaking change. Test Radial gradient example from RNTester. Compare results with web, android and iOS. Each platform should render the gradients identically.

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. labels Jun 18, 2025
@facebook-github-bot
Copy link
Contributor

@javache has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Jun 24, 2025
@facebook-github-bot
Copy link
Contributor

@javache merged this pull request in f238b74.

@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @intergalacticspacehighway in f238b74

When will my fix make it into a release? | How to file a pick request?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants