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

标签 javascript react-native expo gradient linear-gradients

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

enter image description here

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

最佳答案

使用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>

关于javascript - 仅在 Expo react native 中将渐变应用于文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64138735/

相关文章:

react-native - ReactNative FlatList 一次渲染所有项目?

react-native - 如何使用 react-native 和 expo 获取位于 assets 文件夹中的文件的绝对路径?

react-native - 36.0.0 不是有效的 sdk 版本。选项是 43.0.0,35.0.0,33.0.0,无版本

react-native - 在 native react 中使用相机捕获方框内的区域

android - 使用 Linking.sendIntent() 打开设置

react-native - Undefined 不是一个对象(评估 ExponentConstants.linkinguri)

javascript - NodeJS(后端)从POST调用接收数据然后如何在ReactJS(前端)中显示?

php - 如何将php文件调用到div中?

javascript - Jquery Ajax post 方法给出 null 值

javascript - 关于鼠标悬停弹出效果的 Bootstrap 工具提示