Image 触摸屏内的图像不显示不透明度

我目前正在尝试在TouchableOpacity内设置一个图像。它没有表现出来，我一直在想为什么会这样。如果你能帮忙，请告诉我。蒂亚

我基本上是从官方文件中复制的，但没有用

我想可能我的TouchableOpacity元素不是全屏的，但事实并非如此（当我设置背景色时，我看到它填满了屏幕）

常量样式={
按钮：{
弹性：1，
对齐项目：“拉伸”，
背景颜色：“红色”
},
图像样式：{
弹性：1，
resizeMode：“包含”
}
};

---

我用红色背景填充整个屏幕，但图像没有。

flex:1覆盖容器的整个宽度和高度。视图的维度可能为0

如果你的触摸屏显示出来，试试这个

imageStyle: {
   width: "100%",
   height: "100%"
}

如果不是

button: {
   width: 100,
   height: 100
}

或者

---

因此，当您尝试这些时，您可以理解它们之间的区别：父对象中的Flex:1覆盖整个区域，而图像中的Flex:1仅覆盖整个屏幕的高度。这里的宽度变为0，因为默认情况下弯曲方向为列。尝试为图像ike“100%”或任何其他值设置一些宽度L

评论后编辑：

---

如果它不起作用，那么将宽度添加到touchableopacity也

您能再解释一下什么不起作用、图像不显示或单击事件不起作用吗？您好-感谢您的回复。图像不显示，但单击事件起作用。感谢Piyus的回复。更改图像宽度似乎不起作用。I“我尝试过宽度：“100%”和任何其他值100、200、300等。尝试为可触摸不透明度添加一些宽度。似乎可触摸不透明度的父级将flex设置为1，将flex direction设置为Column。仍然没有任何内容。添加了不同数量的值，如之前的100%和100、200、800。即使更改了这两个值，图像仍然没有显示任何内容TouchableOpacity和图像标记的宽度：（所以，我让它以一种迂回的奇怪方式工作。我使用了元素而不是元素，不知怎么的，图像开始显示…困惑并试图理解为什么，但我没有抱怨。我会更多地阅读它，并尝试使用它。谢谢！嗨，谢谢Orhan的回复。你提供的解决方案似乎都不起作用。此外，更改按钮大小似乎也不会影响图像。按钮大小确实会更改，但这只会使可单击元素（即，TouchableOpacity）发生变化更小，图像仍然像往常一样鬼鬼祟祟。我在上尝试了你的代码，它工作得很好。你在android或ios上尝试过这个吗？也许你需要尝试用npm start--reset cache重置缓存。正如我所说，你的代码在我这边工作得很好，我写的示例也很有效。有趣。我将重置缓存并获得bac谢谢你。非常感谢！另外，我在ios中工作，只是通过模拟器来尝试。所以，我让它以一种迂回的奇怪方式工作。我使用了元素而不是元素，不知怎的，图像开始显示…困惑不解，试图理解原因，但我没有抱怨。我会更多地阅读它，并尝试与它一起工作。Thanks！ui元素有时可能会混淆。很高兴提供帮助：）

button: {
   width: 100,
   height: 100
}

button: {
   width: "100%,
   height: "100%"
}