javascript - 仅在 Expo react native 中将渐变应用于文本

Question

很奇怪，我在网络上找不到一个非常简单的功能的解决方案。我想在 expo react native 项目中为文本添加渐变。看起来像这样

我确实看到了一个库(react-native-text-gradient)，它自 0.5x 版本以来就没有更新过。 expo 的线性渐变创建一个按钮并对其应用渐变。任何解决方案将不胜感激。

Answer 1

使用Masked View

<MaskedView
 style={{ height: 24 }}
 maskElement={<Text style={s.text}>{children}</Text>}
>
  <LinearGradient
    colors={['cadetblue', '#fabada']}
    start={{ x: 1, y: 1 }}
    end={{ x: 0, y: 0.33 }}
    style={{ flex: 1 }}
  />
</MaskedView>