Я сталкиваюсь с теми же проблемами

System:
    OS: macOS 10.16
    CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
    Memory: 493.38 MB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.4.0 - ~/.nvm/versions/node/v14.4.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v14.4.0/bin/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.4.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
    Android SDK:
      API Levels: 25, 27, 28, 29
      Build Tools: 28.0.3, 29.0.0
      System Images: android-27 | Google Play Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.6 AI-192.7142.36.36.6308749
    Xcode: 11.5/11E608c - /usr/bin/xcodebuild
  Languages:
    Python: 2.7.16 - /usr/local/bin/python
  npmPackages:
    @react-native-community/cli: ^4.5.1 => 4.5.1 
    react: 16.11.0 => 16.11.0 
    react-native: 0.62.0 => 0.62.0 
  npmGlobalPackages:
    *react-native*: Not Found

однако я на Xcode-beta и iOS 14

У меня такая же проблема!

такая же проблема...

такая же проблема...

Итак, я обнаружил, что проблема с изображениями возникает только тогда, когда сборка выполняется с помощью Xcode 12 Beta. Когда я делаю сборку с использованием Xcode 11.5 с помощью iOS 14.0 Beta Device Support, полученной отсюда , изображения работают нормально.

Это повторяющаяся проблема — https://github.com/facebook/react-native/issues/29215 .

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

Отлично сработало спасибо.

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю

если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.

https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Та же проблема с React Native 0.62.x. Есть ли шанс, что исправление можно портировать пакетом? RN 0.63.x по-прежнему содержит множество ошибок, и мы не можем обновить ее.

Та же проблема с React Native 0.62.x. Есть ли шанс, что исправление можно портировать пакетом? RN 0.63.x по-прежнему содержит множество ошибок, и мы не можем обновить ее.

Думаю, сейчас лучше всего использовать форк или применить патч-пакет.

Я смог решить проблему, применив предложенный патч. Я подтверждаю, что хорошо работает с предыдущими версиями RN:

РН: 0,62,2
Xкод: 12.0
Симулятор iOS: 14

Добавление уточнения (для других новичков в patch-package , таких как я), папка «patches» должна находиться на корневом уровне проекта.

Использование библиотеки патчей только для этого кажется излишним. Было бы слишком сложно добавить его в качестве минорного патча к 0.62.2 (возможно, сделать его 0.62.3?). Это действительно 3 строки кода.

На данный момент в 0.63.x есть несколько серьезных ошибок, и похоже, что они не будут исправлены в ближайшее время (0.64.x не за горами), поэтому в обозримом будущем мы застряли на 0.62.

Использование библиотеки патчей только для этого кажется излишним.

Не устанавливайте пакет исправлений пользователя...

Вы не хотите использовать пакет исправлений, вы не хотите обновлять свое приложение до последней версии, но зачем «заставлять» разработчиков игнорировать всю дорожную карту?
Почему ты не хочешь что-то делать, но хочешь, чтобы люди делали то, что ты хочешь?

Патч отлично сработал здесь. 0,62,2

Та же проблема с React Native 0.62.x. Есть ли шанс, что исправление можно портировать пакетом? RN 0.63.x по-прежнему содержит множество ошибок, и мы не можем обновить ее.

эй, чувак, просто добавь это в папку с патчами в react-native+0.62.2.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..0ff66f3 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -275,6 +275,8 @@ - (void)displayLayer:(CALayer *)layer
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
+  } else {
+    [super displayLayer:layer];
   }
 }

diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

и запустить npx patch-package

Это патч для 0.61.5

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 01aa75f..24c1075 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -267,8 +267,10 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink
 - (void)displayLayer:(CALayer *)layer
 {
   if (_currentFrame) {
-    layer.contentsScale = self.animatedImageScale;
-    layer.contents = (__bridge id)_currentFrame.CGImage;
+      layer.contentsScale = self.animatedImageScale;
+      layer.contents = (__bridge id)_currentFrame.CGImage;
+  } else {
+      [super displayLayer:layer];
   }
 }

Вы всегда можете заменить компоненты изображения на FastImage. Таким образом, вам не придется ничего исправлять. Изображения тоже загружаются лучше.

Всем, кто использует исправление patch-package и имеет настройку CI/CD, не забудьте добавить "postinstall": "patch-package" в свой package.json

Вы всегда можете заменить компоненты изображения на FastImage. Таким образом, вам не придется ничего исправлять. Изображения тоже загружаются лучше.

FastImage не является поддерживаемой библиотекой с множеством ошибок.

Почему вы думаете, что это лучше?

FastImage работает Вы можете использовать его

@johnlim5847 johnlim5847, где добавить «postinstall»: «patch-package» в эту строку в package.json?

Получение этой ошибки при запуске: npx patch-package
Применение патчей...
Ошибка: найден файл исправления для пакета react-native, которого нет в node_modules/react-native

@shrimallamanoj вы должны сначала перейти на https://github.com/ds300/patch-package

Да ... спасибо, я выполнил шаг, и патч был успешно применен, и при запуске npx проблема не возникает, но похоже, что решение не работает для меня ... плохо ... есть ли другое решение?

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Ребята, этот патч работает и на React Native 0.61.5. Я использую тот же обходной путь.

1.- запустите "yarn add patch-package"
2.- Создайте новую папку с именем patches в корне проекта.
3.- Создайте новый файл с именем react-native+0.61.5.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустите "yarn patch-package" в корне проекта или поместите его в скрипт после установки

Я перехожу по этой ссылке , чтобы решить проблему с изображениями в IOS14.

• чистая сборка в Xcode (CMD+Shift+K)
• сбросить кеш с помощью npx react-native start --reset-cache
• Сборка с XCode, и все снова работает нормально
  Я использую React Native 0.62.2.
  ГЛ всем.

не исправление, а наблюдение, если вы продолжитевнутрипоказывает изображение.

Я вижу такой же баг, но только в процессе разработки. Это произошло после того, как я обновил свой телефон и программу xcode. (ios14, xcode12) Странно то, что когда я скачиваю свое приложение с маркета, то не вижу статичных картинок. Картинки вижу, когда пробую с другого телефона. моя среда разработки была полностью разрушена после обновления.

Редактирование файла RCTUIImageViewAnimated.m вручную, как предлагает @tomcheung выше, устраняет проблему в версии 0.61.5. Спасибо!

Предложения: Не обновляйтесь до 0.63 , просто установите патч. Я попытался обновить, сборка не удалась из-за firebase , code-push .

Все еще испытываю эту проблему, может ли кто-нибудь посоветовать, является ли патч в настоящее время лучшим решением проблемы?

Есть ли патч для 0.61.2?

Есть ли патч для 0.61.2?

Для меня. Это решено.

0.62.2 это решено. но на самом деле устройство не удалось ....
есть решение?

https://github.com/huylvdev/react-native-fix-image у меня работает

если (_currentFrame) {
layer.contentsScale = self.animatedImageScale;
layer.contents = (__идентификатор моста)_currentFrame.CGImage;
} еще {
[супер дисплейСлой:слой ];
}

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

это работает для меня, спасибо

Для меня. Это решено.

Извините, я не понимаю, что вы имеете в виду? Какой патч вы применили?

решение, которое сработало для меня, просто временно исправлено, потому что вам нужно исправить его внутри узловых модулей, есть ли другой способ предотвратить это в будущем?

Для реактивной версии <0,63
Пожалуйста, используйте react -native-fast-image вместо ReactNative Image
Чтобы реагировать на нативное быстрое изображение , отключите резервное копирование реактивного нативного быстрого изображения .
Работает на IOS 14!

Для меня. Это решено.

Извините, я не понимаю, что вы имеете в виду? Какой патч вы применили?

@EmmanueleVilla применяет этот патч https://github.com/facebook/react-native/issues/29279#issuecomment -658244428, а затем использует patch-package, чтобы сохранить его :)

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Ребята, этот патч работает и на React Native 0.61.5. Я использую тот же обходной путь.

1.- запустите "yarn add patch-package"
2.- Создайте новую папку с именем patches в корне проекта.
3.- Создайте новый файл с именем react-native+0.61.5.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустите "yarn patch-package" в корне проекта или поместите его в скрипт после установки

У меня тоже 61.5, мне помогло! Я предполагаю, что если у вас есть версия, отличная от 61.5, просто переименуйте файл патча, чтобы использовать вашу версию, и когда вы запустите yarn patch-package , он применит патч, поскольку обнаружит, что ваша реактивная версия соответствует.

например, для версии 61.2 назовите файл исправления react-native+0.61.2.patch

#import "RCTUIImageViewAnimated+WLAdd.h"
#import <objc/runtime.h>

<strong i="5">@implementation</strong> RCTUIImageViewAnimated (WLAdd)

+ (void)load {
  static dispatch_once_t onceToken;
  dispatch_once(&onceToken, ^{
    Method fromMethod = class_getInstanceMethod([self class], @selector(displayLayer:));
    Method toMethod = class_getInstanceMethod([self class], @selector(wl_displayLayer:));
    method_exchangeImplementations(fromMethod, toMethod);
  });
}

- (void)wl_displayLayer:(CALayer *)layer {
  UIImage *currentFrame = [self valueForKey:@"currentFrame"];
  CGFloat animatedImageScale = [[self valueForKey:@"animatedImageScale"] floatValue];
  if (currentFrame) {
      layer.contentsScale = animatedImageScale;
      layer.contents = (__bridge id)currentFrame.CGImage;
    } else {
      [super displayLayer:layer];
    }
}

<strong i="6">@end</strong>

Это работает для меня на v0.61.4 , хотя есть гораздо более простой способ создать файл исправления.

tl;dr Следуйте инструкциям на https://github.com/ds300/patch-package .

Вот подробная инструкция:
Это исправление, внесенное в исходный код React Native v0.63.2 : https://github.com/facebook/react-native/commit/123423c2a9258c9af25ca9bffe1f10c42a176bf3 .

# make the change in `node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m` file
if (_currentFrame) {
  layer.contentsScale = self.animatedImageScale;
  layer.contents = (__bridge id)_currentFrame.CGImage;
} else {
  [super displayLayer:layer];
}

# run patch-package to create a .patch file
npx patch-package react-native

# this will generate the patch file in the patches folder
# patches/react-native+0.61.4.patch

# then add to postinstall script
"scripts": {
  "postinstall": "patch-package"
 }

Надеюсь это поможет!

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

У меня возникла эта проблема при использовании RN v0.61.2, но это все еще работало для меня. Спасибо

Для реактивной версии <0,63
Пожалуйста, используйте react -native-fast-image вместо ReactNative Image
Чтобы реагировать на нативное быстрое изображение , отключите резервное копирование реактивного нативного быстрого изображения .
Работает на IOS 14!

Это сработало для меня!

пряжа патч-пакет

Для меня. Это решено.

Извините, я не понимаю, что вы имеете в виду? Какой патч вы применили?

@EmmanueleVilla применяет этот патч # 29279 (комментарий) , а затем использует patch-package, чтобы сохранить его :)

Ты мужчина @ jkim430 Спасибо

Пробовал все решения на 0.61.4, удаленные изображения загружаются нормально, но локальные активы просто не отображаются.

Есть идеи?

Спасибо xcode..

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю

если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.

https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Это сработало для меня. Спасибо! Кроме того, вы можете использовать npx patch-package (дополнительная информация здесь ), чтобы сохранить это изменение, и вам не нужно постоянно исправлять все время переустанавливать node_modules.

Именно из-за таких багов мне хочется открыть какой-нибудь другой бизнес и перестать быть программистом.

https://github.com/huylvdev/react-native-fix-image у меня работает

Большое спасибо, проведя день, наконец, я исправил эту помощь

Я могу подтвердить, что этот патч можно применить и к версии 0.63.2. Переименуйте файл в (react-native+0.62.2.patch).

Пожалуйста, повторно откройте этот вопрос,
Это еще не решение проблемы.

https://github.com/huylvdev/react-native-fix-image у меня работает

Большое спасибо, проведя день, наконец, я исправил эту помощь

Эй, я пытался использовать react-native-fix-image , это сработало, когда я делаю
npx react-native-fix-image , но когда я удаляю node_modules и переустанавливаю их.
Приложение не загружает изображения.
Сталкивались ли вы с такой проблемой, и нужно ли нам каждый раз запускать команду npx для рендеринга изображений.

Ну вот
https://github.com/facebook/react-native/issues/29279#issuecomment-658244428

https://github.com/huylvdev/react-native-fix-image у меня работает

Большое спасибо, проведя день, наконец, я исправил эту помощь

Это работа для меня! Спасибо!!

У меня не работает режим выпуска, есть идеи?

@tomcheung большое спасибо!
Я два дня ломал голову, чтобы понять, в чем проблема...

Для тех, кто использует более старые версии React Native (например, 0.60.6), исправление невозможно, поскольку файл RCTUIImageViewAnimated.m не существует. Я решил эту проблему, используя React Native Fast Image v8.1.5 и обновив модуль SDWebImage с помощью pod update SDWebImage . В частности, я обновил SDWebImage с версии 5.8.1 до версии 5.9.2.

Источник: https://github.com/DylanVann/react-native-fast-image/issues/702#issuecomment-653930858 .

Изображения не отображаются в релизной версии. (выброшенный проект ЭКСПО 39) РН 0,63,3
обновление: обновление metro.config.js устранило мою проблему => https://forums.expo.io/t/assets-missing-only-in-ios-release-build-after-ejecting/42759

Будет ли это официально исправлено в любом выпуске RN? Афаик, проблема осталась.

Будет ли это официально исправлено в любом выпуске RN? Афаик, проблема осталась.

+1. Время от времени я работаю над старым проектом, и мне нужно его исправить.

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.mb/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
индекс 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

• (void) displayLayer: (CALayer *) слой
  {
  
  
  
  • если (!_currentFrame) {
  
  
  • _currentFrame = self.image;
  
  
  • }
    
    если (_currentFrame) {
    
    layer.contentsScale = self.animatedImageScale;
    
    layer.contents = (__идентификатор моста)_currentFrame.CGImage;
    
    diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
    
    новый файловый режим 100644
    
    индекс 0000000..361f5fb
    
    --- /dev/ноль
    
    +++ b/node_modules/react-native/scripts/.packager.env
    
    @@ -0,0 +1 @@
    
    +экспорт RCT_METRO_PORT=8081
  
  

Спасибо! Это работало для меня во всех моих старых проектах RN.
Просто замените версию React Native вашего старого проекта вместо 0.63 перед созданием файла react-native+0.63.0.patch .

Я сделал видео , и я надеюсь, что это поможет кому-то.

У меня сработало исправление @AsbarAli , версия RN: 0.61.5.

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю
если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.
https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Это сработало для меня. Спасибо! Кроме того, вы можете использовать npx patch-package (дополнительная информация здесь ), чтобы сохранить это изменение, и вам не нужно постоянно исправлять все время переустанавливать node_modules.

Именно из-за таких багов мне хочется открыть какой-нибудь другой бизнес и перестать быть программистом.

Важно запустить npx patch-package react-native для применения исправления.

Привет всем, может ли кто-нибудь подтвердить, что это было объединено с ядром?

Хотя patch-package является решением, оно не должно быть постоянным.

Я оставлю это открытым, пока не смогу провести расследование.

Они не собираются это исправлять?

https://www.npmjs.com/package/react-native-fix-image
работает на меня

Похоже, это исправлено. Просто не будет портирован на предыдущие версии. Я считаю, что исправление находится в 63.3

У меня сработало исправление @AsbarAli , версия RN: 0.61.5.

Как ты сделал это? я использую РН 61.2

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!
1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

У меня возникла эта проблема при использовании RN v0.61.2, но это все еще работало для меня. Спасибо

Привет, ты можешь мне помочь? У меня тоже RN 61.2, но он вообще не работает. Могут не отображаться нижние навигационные изображения

Привет, @rjtubera , патч должен работать с версией 0.63, хотя, как сообщается, работает и с версией React Native 0.61.5. Возможно, если вы попробуете обновить React Native 0.61.2 до 0.61.5 и повторно применить указанные вами шаги, это может сработать.

Если это не сработает, попробуйте обновиться до 0.63 и сделать то же самое. Однако будьте осторожны, так как некоторые из ваших компонентов могут сломаться. Вы должны протестировать каждый компонент после обновления, чтобы убедиться, что все работает нормально (на iOS и Android).

Я столкнулся с этой проблемой, я исправил ее, выполнив шаги по этой ссылке
https://github.com/facebook/react-native/pull/29420#issuecomment-707435412

Спасибо, Алаби, я тоже решил проблему, исправив React Native. Пока работает хорошо 😊

От: Алаби Темитоп Вахаб уведомления[email protected]
Ответить на: facebook/react-native [email protected]
Дата: вторник, 13 октября 2020 г., 03:56
Кому: facebook/react-native [email protected]
Копия: Киран Десмонд [email protected] , комментарий [email protected]
Тема: Re: [facebook/react-native] Изображение не может показывать изображение в iOS 14 (#29279)

Я столкнулся с этой проблемой, я исправил ее, выполнив шаги по этой ссылке

29420 (комментарий) https://github.com/facebook/react-native/pull/29420#issuecomment-707435412

—
Вы получаете это, потому что вы прокомментировали.
Ответьте на это письмо напрямую, просмотрите его на GitHub https://github.com/facebook/react-native/issues/29279#issuecomment-707436028 или отмените подписку https://github.com/notifications/unsubscribe-auth/AIENJUWD2RES5AC52CT4MG3SKOXURANCNFSM4ORGDXZA .

Я обновился до версии 0.63 React Native, но столкнулся с той же проблемой, кто-нибудь может мне помочь?

Для тех, кто использует более старые версии React Native (например, 0.60.6), исправление невозможно, поскольку файл RCTUIImageViewAnimated.m не существует. Я решил эту проблему, используя React Native Fast Image v8.1.5 и обновив модуль SDWebImage с помощью pod update SDWebImage . В частности, я обновил SDWebImage с версии 5.8.1 до версии 5.9.2.

Источник: DylanVann/react-native-fast-image#702 (комментарий)

Работает отлично.

Версия 8.3.2 react-native-fast-image даже включает в себя обновленную версию SDWebImage, так что нет необходимости pod update !

https://www.npmjs.com/package/react-native-fix-image
работает на меня

Работал и для меня. 👍

Нам помогло обновление с React-Native 0.63.1 до 0.63.2.

Я столкнулся с той же проблемой на RN 0.62.2 на Xcode 12.0.1. и ios 14 . Любое решение?

Я столкнулся с той же проблемой на RN 0.62.2 на Xcode 12.0.1. и ios 14 . Любое решение?

@ghasemikasra39 ghasemikasra39 Я столкнулся с той же проблемой с вашими же версиями. У меня сработала установка react-native-fix-image .

@RutsSantos прямо на этом тоже сработало для меня!

1) npm install --save реагировать на собственное исправление-изображение
2) npx реагировать-нативное-исправление-изображение
3) перестроить проект

Нам помогло обновление с React-Native 0.63.1 до 0.63.2.

Это сработало для меня.

Это сработало для меня. Спасибо @JordanRosas

@JordanRosas у меня тоже отлично сработало, спасибо

обновить родную версию реакции с 0.62.2 до 0.63.3 больше не нужно исправлять или устанавливать модули npm

0.62.3 не существует:

0,63,3
0,63,2
0.63.1
0,63,0 3,0
0.63.0-rc.1
0.63.0-rc.0
❯ 0.62.2
0.62.1
0.62.0

0,63,3
0,63,2
0.63.1
0.63.0
0.63.0-rc.1
0.63.0-rc.0
❯ 0.62.2
0.62.1
0.62.0

исправленный

Некоторые из нас не могут выполнить обновление, пока не будет устранена эта критическая ошибка RN: https://github.com/facebook/react-native/issues/29451 .

Таким образом, мы либо застряли с обезьяньим патчем 0.62.x, либо с версией 0.63.x с ошибками.

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю

если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.

https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Оно работает. Спасибо!

Если вы не хотите устанавливать какие-либо пакеты или напрямую редактировать node_modules , вы можете попробовать добавить крючок стадии preinstall в подфайл, как в https://stackoverflow.com/a/64495360/7477198 this работал на меня. Это более удобно для git.

У меня даже на RN 63.3 изображения не отображаются на физическом устройстве. В качестве обходного пути я закодировал изображения в базе 64 здесь: https://www.base64-image.de/ , а затем использовал это как source для компонента Image вместо require('imagePath')

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю

если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.

https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Ты гений, ты спас мне жизнь!

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

спасибо
у меня отлично работало на RN 0.61.5
я добавил файл патча под названием react-native+0.61.5.patch

также исправление для DylanVann/react-native-fast-image
cd ios && pod update SDWebImage

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

@legion-zver Спасибо за исправление! Требуется ли здесь RCT_METRO_PORT или что-то конкретное для вашего проекта?

RN 0.59.0 на Xcode 12.0.1. и ios 14. Любое решение?

RN 0.59.0 на Xcode 12.0.1. и ios 14. Любое решение?

3 решения:

1. Исправьте проблему вручную в node_modules
2. Используйте эту библиотеку исправлений https://www.npmjs.com/package/react-native-fix-image.
3. Обновление до React Native 0.63.3

Я могу подтвердить, что это все еще существует в --configuration=Release , даже в "react-native": "0.63.3" . Однако хорошо работает в --configuration=Debug .

https://www.npmjs.com/package/react-native-fix-image не помогает, но ломает сборку
выпустить конфигурацию с этой ошибкой:

.../node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m:278:5: error: expected expression
  } else {
    ^

Также пользователи моего приложения не загружают изображения (с URL-адреса) на iOS, но это происходит не со всеми, а только с некоторыми людьми. Пожалуйста, исправьте это. Я использую React Native 0.63.3.
https://i.ibb.co/1vDc6kv/1.jpg <- ссылка на изображение, показывающее эту проблему

@douglasjunior хорошо работает! большое спасибо!

@RutsSantos прямо на этом тоже сработало для меня!

1. npm install --save реагировать на родное исправление-изображение
2. npx реагировать-родной-исправление-изображение
3. перестроить проект

работал на меня 🎉🎉🎉🎉🎉

RN 0.59.0 на Xcode 12.0.1. и ios 14. Любое решение?

3 решения:

1. Исправьте проблему вручную в node_modules
2. Используйте эту библиотеку исправлений https://www.npmjs.com/package/react-native-fix-image.
3. Обновление до React Native 0.63.3

еще один вопрос, я использую .1 вручную в node_modules, он хорошо работает при показе изображения из сети, но я не могу показать локальное изображение,

Также пользователи моего приложения не загружают изображения (с URL-адреса) на iOS, но это происходит не со всеми, а только с некоторыми людьми. Пожалуйста, исправьте это. Я использую React Native 0.63.3.
https://i.ibb.co/1vDc6kv/1.jpg <- ссылка на изображение, показывающее эту проблему

Я нахожу проблему, которая возникла у меня. WebP не поддерживался в iOS 13, поэтому мне нужно было установить react-native-fast-image с модулем SDWebImageWebPCoder.

Я не думаю, что у кого-нибудь есть скрипт сборки Microsoft App Center, чтобы исправить это?

К вашему сведению, я также смог преодолеть это с помощью FastImage , который был исправлен после обновления SDWebImage https://github.com/DylanVann/react-native-fast-image/issues/730 (сейчас я не могу обновить до 0.63, так как он ломается другая работа, со временем перейду на последнюю версию)

В моем случае у меня были анимированные изображения из простого RN, но я смог использовать FastImage и для тех, кто использует

const AnimatedImage = Animated.createAnimatedComponent(FastImage)

<AnimatedImage source={require('....')} />

В качестве альтернативы должен подойти пакет с исправлением изображения, если он не работает в Appcenter (@krisbaum74), вы сможете сделать то же самое, создав appcenter-pre-build.sh в корне репозитория и добавив скрипт с исправлением. там

Я использую реактивную версию 0.63.3 и все еще сталкиваюсь с этой проблемой на iOS 14.1. Это уже применяется в этой версии. Любые идеи о том, как это исправить?

Я использую реактивную версию 0.63.3 и все еще сталкиваюсь с этой проблемой на iOS 14.1. Это уже применяется в этой версии. Любые идеи о том, как это исправить?

если вы обновитесь до 0.63.3, у вас могут возникнуть проблемы в этом коде, попробуйте эту библиотеку исправлений https://www.npmjs.com/package/react-native-fix-image .

Я использую реактивную версию 0.63.3 и все еще сталкиваюсь с этой проблемой на iOS 14.1. Это уже применяется в этой версии. Любые идеи о том, как это исправить?

если вы обновитесь до 0.63.3, у вас могут возникнуть проблемы в этом коде, попробуйте эту библиотеку исправлений https://www.npmjs.com/package/react-native-fix-image .

Я уже обновился до 0.63.3, и эта библиотека не решает проблему (изображения загружаются на симуляторе, но не на физическом устройстве).

Я использую реактивную версию 0.63.3 и все еще сталкиваюсь с этой проблемой на iOS 14.1. Это уже применяется в этой версии. Любые идеи о том, как это исправить?

если вы обновитесь до 0.63.3, у вас могут возникнуть проблемы в этом коде, попробуйте эту библиотеку исправлений https://www.npmjs.com/package/react-native-fix-image .

Я уже обновился до 0.63.3, и эта библиотека не решает проблему (изображения загружаются на симуляторе, но не на физическом устройстве).

Моя проблема была связана с копированием ресурсов для производственной сборки, была неправильная ссылка, как описано здесь, затем повторно сгенерируйте пакет и повторите попытку.

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

Большое спасибо!!!! Вы буквально спасли мой день 🙏 ❤️

Он может отображать изображение после добавления [super displayLayer:layer]; , если _currentFrame равно нулю

если я правильно понимаю, _currentFrame должен быть для анимированного изображения, поэтому, если это неподвижное изображение, мы можем использовать реализацию UIImage для обработки рендеринга изображения, не уверен, что это правильное исправление.

https://github.com/facebook/react-native/blob/1c634a921887caf02f1b9fba6fd177c352f9ef78/Libraries/Image/RCTUIImageViewAnimated.m#L283 -L289

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

Работал для меня !!! 👍

Мы также обновились до 0.63.3 и столкнулись с этой проблемой на iOS 14.
Мы загружаем файлы (среди них изображения) с помощью пакета RN-fetch-blob и загружаем эти локальные изображения с помощью компонента Image.

@krisbaum74

Я не думаю, что у кого-нибудь есть скрипт сборки Microsoft App Center, чтобы исправить это?

Используйте react-native+0.63.0.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 21f1a06..2444713 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

 - (void)displayLayer:(CALayer *)layer
 {
+  if (!_currentFrame) {
+    _currentFrame = self.image;
+  }
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
new file mode 100644
index 0000000..361f5fb
--- /dev/null
+++ b/node_modules/react-native/scripts/.packager.env
@@ -0,0 +1 @@
+export RCT_METRO_PORT=8081

Как я могу применить это с помощью patch-package, пожалуйста? Новичок в использовании patch-package.

Привет!

1.- запустить "npm i -g patch-package"
2.- Создайте новую папку с именем patches
3.- Создайте новый файл с именем react-native+0.63.0.patch внутри этой папки.
4.- Добавьте исходный код выше.
5.- запустить "patch-package" в корне проекта

Просто следуйте приведенному выше исправлению и создайте файл react-native+0.63.0.patch.

после этого в вашем appcenter-pre-build.sh добавьте

npm i -g патч-пакет
патч-пакет

Это добавит вышеуказанное исправление в вашу сборку AppCenter.

У меня было это на iOS, и я использовал npx react-native-fix-image, который отлично работал. Теперь я встревожен, обнаружив, что проблема сохраняется на Android!

Здесь нет упоминания об Android - я один такой?

Качаю "реакт-нативный": "0.61.5"

_const Image = Animatable.createAnimatableComponent(FastImage);_
Не работает должным образом!

анимация={'bounceIn'} не работает

"реагировать-родной": "0.63.3"
"реагировать-нативное-быстрое-изображение": "^8.3.4"
"реагирующий-родной-анимируемый": "^ 1.3.3"

Я знаю, что это считается патчем для 0.63, но я могу подтвердить, что он работает и на 0.62. 👍

Он по-прежнему не работает на IOS 14.2, Xcode 12.2, React-Native 0.63.4.
Любое предложенное исправление не помогает
Обновлять
0.63.4 - показывает удаленные образы без проблем и без патча, но локальные образы не работают ни с патчем, ни без него

У меня есть проект с react-native 0.63.3, патч у меня не работает. Перед применением патча я проверил класс RCTUIImageViewAnimated, и он уже содержит код патча, это ожидается, поскольку # 29420 уже объединен в 0.63.3 согласно изменению 0.63.2 CHANGELOG https://github.com/react-native- сообщество/релизы/блоб/мастер/CHANGELOG.md#v0632. Так что патч не исправит это, я думаю, что это было действительно в 0.62.2, но я боюсь, что изменения в 0.63.3 снова нарушили загрузку _local_ изображений. Это объясняет, почему некоторые разработчики понизили версию до <0.63.2 и применили патч, после чего изображения снова стали видны. Я бы предпочел просто получить версию 0.63.2, содержащую исправление. В любом случае, я не решаюсь откатиться назад, да еще на одну версию, чтобы не застрять в прошлом ;-). Я создал обходной путь, который работает на моей стороне.

На основании того факта, что для _me_ изображения загружаются при использовании _внешнего_ URL-адреса (RN 0.63.3).
Мой обходной путь,

• Я следую шаблону гибридных ресурсов, вы можете получить ссылку здесь https://reactnative.dev/docs/images#images -from-hybrid-apps-resources.
• Добавьте изображения в библиотеку ресурсов iOS/Android. Это можно сделать вручную, с помощью скрипта, XCode,...
• Ссылайтесь на изображение по его _local_ URI вместо _react собственной удобной ссылки на файловую систему_, пример iOS ниже

<Image
  source={{ uri: 'app_icon' }}
  style={{ width: 40, height: 40 }}
/>

• Создана служебная функция для получения URI ссылочного ресурса iOS или Android в зависимости от платформы. Прочтите документацию (https://reactnative.dev/docs/images#images-from-hybrid-apps-resources) и обратите внимание на различия в форматировании URI.
• Изображения начали появляться в приложении iOS 14.2!! Я тестировал приложение, распространяемое из App Store, и установку Ad Hoc.

Это работает (для меня), но недостатки,

• Способ ссылок React Native слишком удобен, чтобы откладывать его в сторону, я надеюсь, что эта проблема будет решена, и я смогу вернуться к нормальной жизни.
• Потенциально синхронизация трех папок ресурсов ... да, это по сценарию, но разработчики легко забудут, и через несколько месяцев кто-то потратит 2 дня на выяснение, почему изображения не появляются, чтобы обнаружить, что сценарии устарели или что-то в этом роде. что вы можете думать.
• В моем симуляторе отсутствуют изображения, я постараюсь добавить условное условие для загрузки изображений из папки реактивных ресурсов при запуске из симулятора. Эта библиотека может помочь https://github.com/react-native-device-info/react-native-device-info (я еще не пробовал).
  Я надеюсь, что кто-то может извлечь выгоду из этого обходного пути.

@RutsSantos прямо на этом тоже сработало для меня!

1. npm install --save реагировать на родное исправление-изображение
2. npx реагировать-родной-исправление-изображение
3. перестроить проект

работал на меня 🎉🎉🎉🎉🎉

Не работал на RN 0.61

Я использую RN 0.61, и любое решение мне не подходит. Пожалуйста, есть какое-нибудь другое решение?

Я использую RN 0.61, и любое решение мне не подходит. Пожалуйста, есть какое-нибудь другое решение?

https://www.npmjs.com/package/react-native-fix-image

Эта моя библиотека, она до сих пор отлично работает с RN 0.61

Я использую RN 0.61, и любое решение мне не подходит. Пожалуйста, есть какое-нибудь другое решение?

https://www.npmjs.com/package/react-native-fix-image

Эта моя библиотека, она до сих пор отлично работает с RN 0.61

Привет, Хай, я попробовал шаг за шагом, как описано выше, он показал изображение исправления. Готово. Но на ios 14 изображение по-прежнему не отображается. Другие версии ios по-прежнему отображают изображение нормально.
Я использую RN 0.61 и ios 14.