ios - 在 iOS 14 升级中未加载 react-native 图像

Question

升级iOS 14版本后，React Native构建失败。
将 XCode build设置切换为“传统build设置”并成功构建。
但是新版本不加载图像，图像的原始部分现在是白屏

<Image
  source={require('./images/home.png')}
/>

系统规范

Environment:
Xcode Version 12.0
Simulator: IPhone X - 2nd generation - 14.0
"react": "16.11.0",
"react-native": "0.62.2"

Answer 1

这是 react-native <= 0.63.1 和 iOS 14 的问题
此问题已修复并合并以响应 native 最新版本。但是如果你现在想修复你的项目或者你正在使用 0.63.2 版本以下，有一个解决方案。 (感谢 https://bityl.co/3ksz)
第一个解决方案:如果您可以更新 React Native
将 react-native 更新到 v0.63.2 或更高版本
它已在此版本中修复:https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#v0632
第二个解决方案:如果您无法更新 React Native

从以下地址打开文件:

node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m

编辑源

From

#pragma mark - CALayerDelegate

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

To

#pragma mark - CALayerDelegate

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

制作补丁

npx patch-package react-native

制作跟踪 GIT 的补丁文件

git add patches/*

为自动应用补丁添加包脚本

package.json

"scripts": {
  ...
  "postinstall": "patch-package",
}

每当您安装软件包时，它都会从所有补丁文件中打补丁。