如何在设置图像组件后删除tintColor ?

Question

我正在为我的学士论文在react native中创建一个简单的应用程序，我有这些PNG图像，用户可以移动。

图像也可以改变tintColor，这工作得很好，他们开始与原来的颜色。当我设置了tintColor，然后试图"重置"时，就会出现这个问题。然后图像就不可见了

添加后的图像将图像更改为颜色后再次更改为null

如下图所示，图片还在，只是看不见了。

在样式中设置tintColor的代码如下所示:

<Animated.Image
source={source}
resizeMode={'contain'}
style={[
styles.item,
tintColor === null ? {} : { tintColor: tintColor },
{
transform: [{ scale: imgScale }],
},
]}
/>

当图像加载时，值为null，它不设置任何tintColor，但如果我设置tintColor然后返回null，它只是完全删除它上面的任何颜色。我尝试了不同的方法，但到目前为止都没有效果。我希望用户能够"重置"返回到原来的PNG颜色，特别是对于一些已经有自己的颜色设置。

当我添加图像时，图像会从列表中动态加载，并且可以拖动。

Answer 1

给他们一个key={Math。随机}如果你想重置。但是如果你想要着色，你必须给他们一个静态密钥。这将解决你的问题。

编辑:关键= {this.state.tintIt ? math . random:‘a12}