React Native Image Tag中未显示图像

Question

image未显示在带有url的react原生image标记中：http://p16-sign-sg.tiktokcdn.com/v0201/242656049b324dff81b45d22479a1a61~tplv-没有图片？x-expires＝1622659795&x签名=CA4o%2BuzVVSTyUdH7T08a2%2FPgFpY%3D

const url='http://p16-sign-sg.tiktokcdn.com/v0201/242656049b324dff81b45d22479a1a61~tplv-noop.image?x-expires=1622659795&x-signature=CA4o%2BuzVVSTyUdH7T08a2%2FPgFpY%3D';
<Image
style={styles.image}
source={{ uri: url }}
imageStyle={styles.imageRadius}
defaultSource={require('assets/loadingImage.png')}
/>

Answer 1

在更新后修复的旧版react本机版本中发生了这种情况。更新react本机版本。

Answer 2

这可能是因为您使用的是react native和iOS模拟器版本14。

如果您使用的是iOS模拟器版本14，请按照以下步骤修复您的问题

转到文件~>node_modules/areact native/Libraries/Image/RCTUIImageViewAnimated.m

转到270-290线你可以看到这样的代码：

- (void)displayLayer:(CALayer *)layer
{
if (_currentFrame) {
layer.contentsScale = self.animatedImageScale;
layer.contents = (__bridge id)_currentFrame.CGImage;
}
}

在if块中添加一个else语句，并使其类似于以下内容：

- (void)displayLayer:(CALayer *)layer
{
if (_currentFrame) {
layer.contentsScale = self.animatedImageScale;
layer.contents = (__bridge id)_currentFrame.CGImage;
}else {
[super displayLayer:layer];
}
}

然后关闭所有内容并运行命令。npm start -- --reset cache用于清除缓存，然后使用命令npx react-native run-ios启动应用程序，这应该可以解决您的问题。