react-native - 如何在 React Native 中为文本设置透明文本颜色

Question

是否可以将 Text 的颜色设置为透明，让文本单独继承父 View 的背景颜色，而不是它自己的背景颜色!

<View style={{ backgroundColor: 'red' }}>
  <Text style={{ color: 'transparent',  backgroundColor: 'blue' }}>
    Change text colour progressively
  </Text>
</View>

当前行为

由于文本颜色是透明的，它继承了它自己的背景颜色(蓝色)，所以没有文本是可见的。

预期行为

单独的文本需要继承父 View 的背景颜色(红色)。

我的最终目标是实现一个动画，其中文本颜色可以逐渐改变。我不确定网络或任何行为中的行为，只是好奇是否有可能实现这一目标。

定位动画:

谢谢。

Answer 1

您可以尝试实现以下代码:

<View style={{ backgroundColor: 'red' }}>
<View style={{ color: 'transparent' }}>
  <Text style={{ backgroundColor: 'blue' }}> Change text colour progressively </Text>
</View>
</View>