Files
react-native/packages/react-native/ReactCommon/react/renderer/graphics/LinearGradient.h
T
nishan (o^▽^o) d7533dce1c feat: radial gradient iOS (#50266)
Summary:
Adds iOS changes for radial gradient. Previous PR - https://github.com/facebook/react-native/pull/50209

## Changelog:
[IOS] [ADDED] - Radial gradient
<!-- Help reviewers and the release process by writing your own changelog entry.

Pick one each for the category and type tags:

For more details, see:
https://reactnative.dev/contributing/changelogs-in-pull-requests

Pull Request resolved: https://github.com/facebook/react-native/pull/50266

Test Plan:
- Added tests in `processBackgroundImage-test.js` in https://github.com/facebook/react-native/pull/50268
- Merge this, https://github.com/facebook/react-native/pull/50268 and check examples in `RadialGradientExample.js`

Reviewed By: joevilches

Differential Revision: D71898565

Pulled By: jorge-cab

fbshipit-source-id: ac00c7c3cc7dcbe9116c2d60dac8eb1a87153908
2025-04-17 16:39:44 -07:00

59 lines
1.5 KiB
C++

/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#pragma once
#include <react/renderer/graphics/ColorStop.h>
#include <react/renderer/graphics/Float.h>
#include <react/renderer/graphics/ValueUnit.h>
#include <string>
#include <variant>
#include <vector>
namespace facebook::react {
enum class GradientDirectionType { Angle, Keyword };
enum class GradientKeyword {
ToTopRight,
ToBottomRight,
ToTopLeft,
ToBottomLeft,
};
struct GradientDirection {
GradientDirectionType type;
std::variant<Float, GradientKeyword> value;
bool operator==(const GradientDirection& other) const {
return type == other.type && value == other.value;
}
};
struct LinearGradient {
GradientDirection direction;
std::vector<ColorStop> colorStops;
bool operator==(const LinearGradient& other) const {
return direction == other.direction && colorStops == other.colorStops;
}
};
inline GradientKeyword parseGradientKeyword(const std::string& keyword) {
if (keyword == "to top right")
return GradientKeyword::ToTopRight;
if (keyword == "to bottom right")
return GradientKeyword::ToBottomRight;
if (keyword == "to top left")
return GradientKeyword::ToTopLeft;
if (keyword == "to bottom left")
return GradientKeyword::ToBottomLeft;
throw std::invalid_argument("Invalid gradient keyword: " + keyword);
}
}; // namespace facebook::react