问题描述

在 iOS 14 中运行 React Native 0.62.2 的项目，iPhone 设备没有显示项目的本地图片，如：

<Image source={require('./images/logo.png')} style={{width: 40, height: 40}} />

解决方法1

升级到 React Native 0.63.2+。在 React Naitve V0.62.2 的升级日志中可以看到，已经修复在 iOS 14中图片不显示的问题。如下图：

解决方法2

在 node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m 文件中，修改 displayLayer 方法。

#pragma mark - CALayerDelegate

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

为

#pragma mark - CALayerDelegate

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