react-native - 如何在 native react 中将图像转换为灰度？

Question

有没有办法在 react native 中操作图像，使其显示为灰度？我想尝试类似的东西:filter: grayscale(1)
谢谢。

Answer 1

处理先前删除的答案，这可以通过使用图像来实现，而另一个图像绝对位于顶部。

“背面”图像正在使用 tintColor ，如此处定义 https://facebook.github.io/react-native/docs/image.html ，这会将所有不透明的像素变成该颜色。

“正面”图像添加了不透明度，使“背面”颜色向前，为您留下“灰度”图像

前:

<React.Fragment>
   <Image source={<something>} />
</React.Fragment>

之后(带有背景图片):

<React.Fragment>
   <Image source={<something>} style={{ tintColor: 'gray' }} />
   <Image source={<something>} style={{ position: 'absolute', opacity: 0.3}} />
</React.Fragment>

'red'如 tintColor :