mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Nishan
b99675d78a
Summary: - Adds `background` prop that supports CSS's linear gradient. Later this can be extended to support various other gradients and possibly CSS's background image (less motivation as better solutions exists for image) - Uses `CAGradientlayer` to draw Linear Gradient layers. So it is GPU optimised under the hood. - Style supports JS object to specify `LinearGradient`, so it can support Animated libraries. ## Changelog: [IOS] [ADDED] - linear gradient <!-- 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/45434 Test Plan: - Check out `processBackground-test.js` for supported syntax testcases. - Checkout example added in ViewExample.js Although the PR is tested well but open to any changes/feedback on the approach taken. Android PR - https://github.com/facebook/react-native/pull/45433. Separated the PRs to keep it easier to review. Both PRs can be reviewed individually. Reviewed By: NickGerleman Differential Revision: D60791581 Pulled By: joevilches fbshipit-source-id: 051088fdf68d9fe20c0c306f1f1c591cbd77f3d5