react-native - react 原生线性渐变 : Colors washed out

Question

我正在使用 react-native-linear-gradient包形成线性梯度。我在 XD 设计中使用颜色选择器选择了完全相同的颜色，以在我的应用程序中形成相同的渐变。这是我的代码:
<LinearGradient start={{x:0,y:0}} end={{x:1,y:1}} style={StyleSheet.absoluteFill} colors={['#D300B5', '#FF5400']} >...
这些十六进制值与设计值相同，但这里是与设计相比的结果:



颜色明显褪色。我检查了不透明度以确保一切都为 100%，渐变上没有任何东西，渐变 View 没有延伸到屏幕之外，XD、我的 Mac 和 iPhone X 都使用 Display P3 颜色空间。

为什么颜色会褪色？

Answer 1

注意:此解决方案仅适用于 iOS，适用于应用程序中使用的所有颜色。
在很长一段时间找不到任何东西之后，我创建了一个 React Native 本身的补丁，因为问题源于 React Native 如何在 RCTConvert.m 中的本地代码中创建颜色本身。 :return [UIColor colorWithRed:... green:... blue:...]切换 colorWithRed 的两次出现(在撰写本文时有两次)至 colorWithDisplayP3Red并重建(不要忘记，因为我们正在更改 native 代码，热重载不起作用)该应用程序有效:颜色现在以 P3 颜色空间呈现。请注意，这种方法会更改您在应用程序中创建/使用的所有颜色，因此每种颜色基本上都会看起来更清晰。