मैं एक ही मुद्दों का सामना कर रहा हूँ

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

हालांकि एक्सकोड-बीटा और आईओएस 14 पर हूं

मेरे साथ भी वही दिक्कत है!

वही मुद्दा...

वही मुद्दा...

ठीक है तो मैंने पाया है कि छवियों के साथ समस्या केवल तब होती है जब बिल्ड एक्सकोड 12 बीटा के साथ बनाया जाता है। जब मैं यहां से प्राप्त आईओएस 14.0 बीटा डिवाइस समर्थन का उपयोग करके एक्सकोड 11.5 का उपयोग करके निर्माण करता हूं, तो छवियां ठीक काम करती हैं।

यह एक डुप्लिकेट समस्या है - 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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "पैच-पैकेज" चलाएँ

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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
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];
  }

देशी 0.62.x प्रतिक्रिया के साथ एक ही मुद्दा। किसी भी मौके पर फिक्स को पैक किया जा सकता है? RN 0.63.x अभी भी बेहद खराब है और हम अपग्रेड नहीं कर सकते।

देशी 0.62.x प्रतिक्रिया के साथ एक ही मुद्दा। किसी भी मौके पर फिक्स को पैक किया जा सकता है? RN 0.63.x अभी भी बेहद खराब है और हम अपग्रेड नहीं कर सकते।

सोचें कि अभी के लिए कांटे का उपयोग करना या पैच-पैकेज लगाना सबसे अच्छा है।

मैं सुझाए गए पैच को लागू करके समस्या को ठीक करने में सक्षम था। मैं पुष्टि करता हूं कि पिछले RN संस्करणों के साथ अच्छा काम करता है:

आरएन: 0.62.2
एक्सकोड: 12.0
आईओएस सिम्युलेटर: 14

एक स्पष्टीकरण जोड़ना (मेरे जैसे patch-package के लिए अन्य नए शौक के लिए) फ़ोल्डर "पैच" को प्रोजेक्ट रूट स्तर पर जाना है।

बस इसके लिए पैच लाइब्रेरी का उपयोग करना ओवरकिल जैसा लगता है। क्या इसे मामूली पैच के रूप में 0.62.2 में जोड़ना बहुत कठिन होगा (शायद इसे 0.62.3 बनाएं?) यह वास्तव में कोड की 3 पंक्तियाँ हैं।

जैसा कि अभी है, 0.63.x में कुछ प्रमुख बग हैं और ऐसा लगता है कि उन्हें जल्द ही किसी भी समय संबोधित नहीं किया जाएगा (0.64.x कोने के आसपास है), इसलिए हम निकट भविष्य के लिए 0.62 के साथ फंस गए हैं।

बस इसके लिए पैच लाइब्रेरी का उपयोग करना ओवरकिल जैसा लगता है।

उपयोगकर्ता पैच पैकेज न करें ...

आप पैच पैकेज का उपयोग नहीं करना चाहते हैं, आप अपने ऐप को नवीनतम संस्करण में अपडेट नहीं करना चाहते हैं, लेकिन डेवलपर्स को पूरे रोडमैप को अनदेखा करने के लिए "मजबूर" क्यों करते हैं?
आप कुछ करना क्यों नहीं चाहते, लेकिन लोगों को वह करना चाहते हैं जो आप चाहते हैं?

पैच ने यहां पूरी तरह से काम किया। 0.62.2

देशी 0.62.x प्रतिक्रिया के साथ एक ही मुद्दा। किसी भी मौके पर फिक्स को पैक किया जा सकता है? RN 0.63.x अभी भी बेहद खराब है और हम अपग्रेड नहीं कर सकते।

अरे यार, इसे अपने पैच फोल्डर में रिएक्ट-नेटिव+0.62.2.पैच के तहत जोड़ें

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 सेटअप है, अपने package.json में "postinstall": "patch-package" जोड़ना याद रखें

आप हमेशा अपने छवि घटकों को FastImage से बदल सकते हैं। इस तरह आपको कुछ भी पैच करने की ज़रूरत नहीं है। छवियां भी बेहतर लोड होती हैं।

FastImage कई बग के साथ एक अनुरक्षित पुस्तकालय नहीं है।

आपको क्यों लगता है कि यह बेहतर है?

FastImage काम कर रहा है आप इसका उपयोग कर सकते हैं

@ johnlim5847 जहां "पोस्टइंस्टॉल": "पैच-पैकेज" इस लाइन को package.json में जोड़ना है?

रन करते समय यह त्रुटि प्राप्त करना: npx पैच-पैकेज
पैच लागू...
त्रुटि: पैकेज प्रतिक्रिया-मूल के लिए मिली पैच फ़ाइल जो नोड_मॉड्यूल्स/प्रतिक्रिया-मूल पर मौजूद नहीं है

@shrimallamanoj आपको पहले https://github.com/ds300/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

दोस्तों, यह पैच रिएक्ट नेटिव 0.61.5 पर भी काम करता है। मैं एक ही कामकाज का उपयोग करता हूं।

1.- रन "यार्न ऐड पैच-पैकेज"
2.- प्रोजेक्ट के रूट पर पैच नामक एक नया फोल्डर बनाएं।
3.- उस फोल्डर के अंदर रिएक्ट-नेटिव+0.61.5.पैच नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "यार्न पैच-पैकेज" चलाएं या इसे पोस्ट-इंस्टॉल स्क्रिप्ट पर रखें

मैं IOS14 में छवियों के बारे में समस्या को ठीक करने के लिए इस लिंक का अनुसरण करता हूं।

• एक्सकोड में साफ निर्माण (सीएमडी + शिफ्ट + के)
• एनपीएक्स प्रतिक्रिया-मूल प्रारंभ के साथ कैश रीसेट करें - रीसेट-कैश
• XCode के साथ निर्माण, और सब कुछ फिर से ठीक काम करता है
  मैं रिएक्ट नेटिव 0.62.2 का उपयोग कर रहा हूं
  सभी को जीएल।

फिक्स नहीं बल्कि एक अवलोकन, यदि आप रखते हैंके भीतरइसकी छवि दिखा रहा है।

मुझे वही बग दिखाई देता है, लेकिन केवल विकास प्रक्रिया के दौरान। ये तब हुआ जब मैंने अपना फोन और एक्सकोड प्रोग्राम अपडेट किया। (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;
परत.सामग्री = (__ब्रिज आईडी)_currentFrame.CGImage;
} अन्य {
[सुपर डिस प्लेलेयर:लेयर ];
}

में : /node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m

यह मेरे लिए काम करता है, धन्यवाद

मेरे लिए। यह हल हो गया है।

क्षमा करें मुझे समझ में नहीं आया, आपका क्या मतलब है? आपने कौन सा पैच लगाया?

मेरे लिए काम करने वाला समाधान अस्थायी रूप से ठीक हो जाता है क्योंकि आपको इसे नोड मॉड्यूल के अंदर ठीक करना है, क्या भविष्य में ऐसा होने से रोकने का कोई और तरीका है?

प्रतिक्रिया-मूल संस्करण के लिए <0.63
कृपया प्रतिक्रिया-मूल-तेज़-छवि का उपयोग प्रतिक्रियात्मक छवि के बजाय करें
प्रतिक्रिया-मूल-तेज़-छवि कार्य के लिए, कृपया प्रतिक्रिया-मूल-तेज़-छवि के फ़ॉलबैक को अक्षम करें
यह आईओएस 14 पर काम करता है!

मेरे लिए। यह हल हो गया है।

क्षमा करें मुझे समझ में नहीं आया, आपका क्या मतलब है? आपने कौन सा पैच लगाया?

@EmmanueleVilla इस पैच को लागू करें https://github.com/facebook/react-native/issues/29279#issuecomment -658244428 और फिर इसे रखने के लिए पैच-पैकेज का उपयोग करें :)

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

दोस्तों, यह पैच रिएक्ट नेटिव 0.61.5 पर भी काम करता है। मैं एक ही कामकाज का उपयोग करता हूं।

1.- रन "यार्न ऐड पैच-पैकेज"
2.- प्रोजेक्ट के रूट पर पैच नामक एक नया फोल्डर बनाएं।
3.- उस फोल्डर के अंदर रिएक्ट-नेटिव+0.61.5.पैच नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "यार्न पैच-पैकेज" चलाएं या इसे पोस्ट-इंस्टॉल स्क्रिप्ट पर रखें

मैं भी 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 पर ही दिए गए निर्देशों का पालन करें।

यहां विस्तृत निर्देश दिए गए हैं:
यह रिएक्ट नेटिव सोर्स कोड 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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "पैच-पैकेज" चलाएँ

आरएन v0.61.2 का उपयोग करते समय मुझे यह समस्या मिली लेकिन यह अभी भी मेरे लिए काम कर रहा है। धन्यवाद

प्रतिक्रिया-मूल संस्करण के लिए <0.63
कृपया प्रतिक्रिया-मूल-तेज़-छवि का उपयोग प्रतिक्रियात्मक छवि के बजाय करें
प्रतिक्रिया-मूल-तेज़-छवि कार्य के लिए, कृपया प्रतिक्रिया-मूल-तेज़-छवि के फ़ॉलबैक को अक्षम करें
यह आईओएस 14 पर काम करता है!

यह मेरे लिए काम किया है!

यार्न पैच-पैकेज

मेरे लिए। यह हल हो गया है।

क्षमा करें मुझे समझ में नहीं आया, आपका क्या मतलब है? आपने कौन सा पैच लगाया?

@EmmanueleVilla इस पैच # 29279 (टिप्पणी) को लागू करें और फिर इसे रखने के लिए पैच-पैकेज का उपयोग करें :)

आप आदमी हो @jkim430 धन्यवाद

0.61.4 पर सभी समाधानों का प्रयास किया, दूरस्थ छवियां ठीक लोड हो रही हैं लेकिन स्थानीय संपत्तियां केवल दिखाई नहीं देगी।

कोई विचार?

धन्यवाद एक्सकोड ..

यह [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 (अधिक जानकारी यहां ) का उपयोग कर सकते हैं और हर समय नोड_मॉड्यूल्स को फिर से स्थापित करने के लिए इसे ठीक करने की आवश्यकता नहीं है।

ये उस तरह के कीड़े हैं जो मुझे कोई अन्य व्यवसाय खोलना चाहते हैं और प्रोग्रामर बनना बंद कर देते हैं।

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 बहुत बहुत धन्यवाद!
समस्या क्या है यह जानने के लिए मैंने अपना सिर 2 दिन मारा ...

रिएक्ट नेटिव (जैसे, 0.60.6) के पुराने संस्करणों को चलाने वालों के लिए पैच संभव नहीं है क्योंकि RCTUIImageViewAnimated.m फ़ाइल मौजूद नहीं है। मैंने रिएक्ट नेटिव फास्ट इमेज v8.1.5 का उपयोग करके और SDWebImage पॉड को pod update SDWebImage के साथ अपग्रेड करके इस समस्या को हल किया। अधिक विशेष रूप से, मैंने SDWebImage को v5.8.1 से v5.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/नोड_मॉड्यूल/प्रतिक्रिया-मूल/पुस्तकालय/छवि/RCTUIImageViewAnimated.m
@@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink

• (शून्य)डिस्प्लेलेयर:(कैलियर *)लेयर
  {
  
  
  
  • अगर (!_currentFrame) {
  
  
  • _currentFrame = self.image;
  
  
  • }
    
    अगर (_currentFrame) {
    
    layer.contentsScale = self.animatedImageScale;
    
    परत.सामग्री = (__ब्रिज आईडी)_currentFrame.CGImage;
    
    diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
    
    नई फ़ाइल मोड 100644
    
    सूचकांक 0000000..361f5fb
    
    --- /देव/शून्य
    
    +++ b/node_modules/react-native/scripts/.packager.env
    
    @@ -0,0 +1 @@
    
    +निर्यात RCT_METRO_PORT=8081
  
  

धन्यवाद! इसने मेरे लिए मेरे सभी पुराने RN प्रोजेक्ट्स पर काम किया।
react-native+0.63.0.patch की फ़ाइल बनाने से पहले 0.63 के बजाय अपने पुराने प्रोजेक्ट के रिएक्टिव नेटिव संस्करण को बदलें।

मैंने एक वीडियो बनाया और मुझे उम्मीद है कि इससे किसी को मदद मिलेगी।

@AsbarAli के फिक्स ने मेरे लिए काम किया, आरएन संस्करण: 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 (अधिक जानकारी यहां ) का उपयोग कर सकते हैं और हर समय नोड_मॉड्यूल्स को फिर से स्थापित करने के लिए इसे ठीक करने की आवश्यकता नहीं है।

ये उस तरह के कीड़े हैं जो मुझे कोई अन्य व्यवसाय खोलना चाहते हैं और प्रोग्रामर बनना बंद कर देते हैं।

पैच लागू करने के लिए यह महत्वपूर्ण है कि आप npx patch-package react-native चलाएं।

हे सब क्या कोई पुष्टि कर सकता है कि इसे कोर में मिला दिया गया था?

जबकि पैच-पैकेज एक समाधान है, यह स्थायी नहीं होना चाहिए।

मैं इसे तब तक खुला रखूंगा जब तक मैं जांच नहीं कर सकता।

क्या वे इसे ठीक करने की योजना नहीं बना रहे हैं?

https://www.npmjs.com/package/react-native-fix-image
मेरे लिए काम करना

ऐसा लगता है कि यह तय हो गया है। बस पिछले संस्करणों में वापस पोर्ट नहीं किया जाएगा। मेरा मानना ​​है कि फिक्स 63.3 . में है

@AsbarAli के फिक्स ने मेरे लिए काम किया, आरएन संस्करण: 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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!
1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "पैच-पैकेज" चलाएँ

आरएन v0.61.2 का उपयोग करते समय मुझे यह समस्या मिली लेकिन यह अभी भी मेरे लिए काम कर रहा है। धन्यवाद

हाय क्या आप मेरी मदद कर सकते हैं? मेरे पास RN 61.2 भी है लेकिन यह बिल्कुल भी काम नहीं करता है। मई के नीचे नेविगेशन छवियां नहीं दिख रही हैं

अरे @rjtubera , पैच को 0.63 के साथ काम करना चाहिए, हालांकि कथित तौर पर रिएक्ट नेटिव के 0.61.5 संस्करण के साथ भी काम करता है। शायद अगर आप रिएक्ट नेटिव 0.61.2 से 0.61.5 में अपग्रेड करने की कोशिश करते हैं, और आपके द्वारा उद्धृत चरणों को फिर से लागू करते हैं, तो यह काम कर सकता है।

यदि वह काम नहीं करता है, तो 0.63 में अपग्रेड करने का प्रयास करें और वही करें। हालांकि सावधान रहें क्योंकि आपके कुछ घटक टूट सकते हैं। अपग्रेड के बाद आपको हर घटक का परीक्षण करना चाहिए ताकि यह सुनिश्चित हो सके कि सब कुछ अभी भी ठीक से काम कर रहा है (iOS और Android पर)।

मुझे इस समस्या का सामना करना पड़ता है, मैंने इसे इस लिंक पर चरणों का पालन करके ठीक किया है
https://github.com/facebook/react-native/pull/29420#issuecomment -707435412

धन्यवाद अलबी, मैंने रिएक्ट नेटिव को पैच करके भी इस मुद्दे को सुलझा लिया। अब तक अच्छा काम कर रहा हूँ

से: अलाबी टेमीटोप वहाब सूचनाएं @github.com
उत्तर दें: facebook/react-native [email protected]
दिनांक: मंगलवार 13 अक्टूबर 2020 को 03:56
प्रति: facebook/react-native प्रतिक्रिया- [email protected]
सीसी: कीरन डेसमंड [email protected] , टिप्पणी टिप्पणी @noreply.github.com
विषय: पुन: [फेसबुक/प्रतिक्रिया-मूल] छवि आईओएस 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 संस्करण में अपग्रेड किया है, लेकिन मुझे एक ही समस्या का सामना करना पड़ रहा है, कोई भी मेरी मदद कर सकता है?

रिएक्ट नेटिव (जैसे, 0.60.6) के पुराने संस्करणों को चलाने वालों के लिए पैच संभव नहीं है क्योंकि RCTUIImageViewAnimated.m फ़ाइल मौजूद नहीं है। मैंने रिएक्ट नेटिव फास्ट इमेज v8.1.5 का उपयोग करके और SDWebImage पॉड को pod update SDWebImage के साथ अपग्रेड करके इस समस्या को हल किया। अधिक विशेष रूप से, मैंने SDWebImage को v5.8.1 से v5.9.2 में अपग्रेड किया।

स्रोत: DylanVann/react-native-fast-image#702 (टिप्पणी)

अच्छी तरह से काम।

प्रतिक्रिया-मूल-तेज़-छवि के संस्करण 8.3.2 में SDWebImage का उन्नत संस्करण भी शामिल है, इसलिए pod update की कोई आवश्यकता नहीं है!

https://www.npmjs.com/package/react-native-fix-image
मेरे लिए काम करना

मेरे लिए भी काम किया। मैं

रिएक्ट-नेटिव 0.63.1 से 0.63.2 में अपग्रेड करना हमारे लिए कारगर रहा।

मुझे एक्सकोड 12.0.1. और आईओएस 14 पर आरएन 0.62.2 पर एक ही समस्या का सामना करना पड़ रहा है। कोई भी समाधान?

मुझे एक्सकोड 12.0.1. और आईओएस 14 पर आरएन 0.62.2 पर एक ही समस्या का सामना करना पड़ रहा है। कोई भी समाधान?

@ ghasemikasra39 मैं आपके समान संस्करणों के साथ एक ही मुद्दे का सामना कर रहा था। प्रतिक्रिया-मूल-तय-छवि स्थापित करना मेरे लिए काम करता है।

इस पर @RutsSantos ने भी मेरे लिए काम किया!

1) npm इंस्टाल -- सेव रिएक्ट-नेटिव-फिक्स-इमेज
2) एनपीएक्स प्रतिक्रिया-मूल-तय-छवि
3) परियोजना का पुनर्निर्माण करें

रिएक्ट-नेटिव 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-आरसी.1
0.63.0-आरसी.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-आरसी.1
0.63.0-आरसी.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 यह मेरे लिए काम किया। यह अधिक गिट अनुकूल है।

मेरे लिए, आरएन 63.3 पर भी, भौतिक डिवाइस पर छवियां दिखाई नहीं दे रही हैं। वर्कअराउंड के रूप में, मैंने यहां बेस 64 में छवियों को एन्कोड किया: https://www.base64-image.de/ और फिर इसे Image के बजाय require('imagePath') Image घटक के लिए source के रूप में उपयोग किया 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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "पैच-पैकेज" चलाएँ

थैंक्स
मेरे लिए आरएन 0.61.5 . पर ठीक काम किया
मैंने react-native+0.61.5.patch नामक एक पैच फ़ाइल जोड़ी

DylanVann/प्रतिक्रिया-मूल-तेज़-छवि के लिए भी एक फिक्स
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 की आवश्यकता है, या आपके प्रोजेक्ट के लिए कुछ विशिष्ट है?

एक्सकोड 12.0.1 पर आरएन 0.59.0। और आईओएस 14. कोई समाधान?

एक्सकोड 12.0.1 पर आरएन 0.59.0। और आईओएस 14. कोई समाधान?

3 समाधान:

1. नोड_मॉड्यूल्स के भीतर समस्या को मैन्युअल रूप से ठीक करें
2. इस फिक्स लाइब्रेरी का उपयोग करें https://www.npmjs.com/package/react-native-fix-image
3. मूल निवासी प्रतिक्रिया करने के लिए अद्यतन 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 {
    ^

इसके अलावा मेरे ऐप के उपयोगकर्ता आईओएस पर कोई छवि लोड (यूआरएल से) अनुभव नहीं करते हैं लेकिन यह केवल कुछ लोगों के लिए नहीं होता है। कृपया इसे ठीक करें। मैं प्रतिक्रिया मूल निवासी 0.63.3 का उपयोग कर रहा हूँ।
https://i.ibb.co/1vDc6kv/1.jpg <- इस मुद्दे को दिखाने वाली छवि का लिंक

@douglasjunior अच्छा काम करता है! बहुत बहुत धन्यवाद!

इस पर @RutsSantos ने भी मेरे लिए काम किया!

1. npm स्थापित करें - प्रतिक्रिया-मूल-फिक्स-छवि सहेजें;
2. एनपीएक्स प्रतिक्रिया-मूल-तय-छवि
3. पुनर्निर्माण परियोजना

मेरे लिए काम किया

एक्सकोड 12.0.1 पर आरएन 0.59.0। और आईओएस 14. कोई समाधान?

3 समाधान:

1. नोड_मॉड्यूल्स के भीतर समस्या को मैन्युअल रूप से ठीक करें
2. इस फिक्स लाइब्रेरी का उपयोग करें https://www.npmjs.com/package/react-native-fix-image
3. मूल निवासी प्रतिक्रिया करने के लिए अद्यतन 0.63.3

एक और प्रश्न, मैं .1 मैन्युअल रूप से node_modules के भीतर उपयोग करता हूं ， यह नेटवर्क से शो छवि में अच्छी तरह से काम करता है, लेकिन मैं स्थानीय छवि नहीं दिखा सकता,

इसके अलावा मेरे ऐप के उपयोगकर्ता आईओएस पर कोई छवि लोड (यूआरएल से) अनुभव नहीं करते हैं लेकिन यह केवल कुछ लोगों के लिए नहीं होता है। कृपया इसे ठीक करें। मैं प्रतिक्रिया मूल निवासी 0.63.3 का उपयोग कर रहा हूँ।
https://i.ibb.co/1vDc6kv/1.jpg <- इस मुद्दे को दिखाने वाली छवि का लिंक

मुझे वह समस्या मिलती है जो मेरे साथ हुई। आईओएस 13 में वेबपी समर्थित नहीं था इसलिए मुझे एसडीवेबइमेजवेबपीसीडर पॉड के साथ प्रतिक्रिया-मूल-फास्ट-इमेज स्थापित करने की आवश्यकता थी।

मुझे नहीं लगता कि किसी के पास इसे ठीक करने के लिए माइक्रोसॉफ्ट ऐप सेंटर बिल्ड स्क्रिप्ट भी है?

FYI करें, मैं FastImage का उपयोग करके इसे दूर करने में भी सक्षम था, जो कि SDWebImage को अपग्रेड करने के बाद तय किया गया था https://github.com/DylanVann/react-native-fast-image/issues/730 (मैं अभी 0.63 में अपग्रेड नहीं कर सकता क्योंकि यह टूट जाता है अन्य काम, मैं अंततः नवीनतम संस्करण में जाऊँगा)

मेरे मामले में मेरे पास सादे आरएन से एनिमेटेड छवियां थीं, लेकिन मैं उन लोगों के लिए FastImage का उपयोग करने में सक्षम था

const AnimatedImage = Animated.createAnimatedComponent(FastImage)

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

वैकल्पिक रूप से फिक्स इमेज पैकेज को करना चाहिए, अगर यह एपसेंटर (@ krisbaum74) पर काम नहीं करता है, तो आपको रेपो की जड़ में appcenter-pre-build.sh बनाकर और स्क्रिप्ट w / फिक्स जोड़कर ऐसा करने में सक्षम होना चाहिए। वहां

मैं प्रतिक्रिया-मूल 0.63.3 का उपयोग कर रहा हूं और अभी भी आईओएस 14.1 पर इस मुद्दे का सामना कर रहा हूं। यह उस संस्करण में पहले से ही लागू है। यह कैसे तय करें पर कोई विचार है?

मैं प्रतिक्रिया-मूल 0.63.3 का उपयोग कर रहा हूं और अभी भी आईओएस 14.1 पर इस मुद्दे का सामना कर रहा हूं। यह उस संस्करण में पहले से ही लागू है। यह कैसे तय करें पर कोई विचार है?

यदि आप 0.63.3 में अपग्रेड करते हैं तो आपको उस कोड में समस्या हो सकती है, इस फिक्स लाइब्रेरी को आजमाएं https://www.npmjs.com/package/react-native-fix-image

मैं प्रतिक्रिया-मूल 0.63.3 का उपयोग कर रहा हूं और अभी भी आईओएस 14.1 पर इस मुद्दे का सामना कर रहा हूं। यह उस संस्करण में पहले से ही लागू है। यह कैसे तय करें पर कोई विचार है?

यदि आप 0.63.3 में अपग्रेड करते हैं तो आपको उस कोड में समस्या हो सकती है, इस फिक्स लाइब्रेरी को आजमाएं https://www.npmjs.com/package/react-native-fix-image

मैंने पहले ही 0.63.3 में अपग्रेड कर लिया है और यह लाइब्रेरी समस्या का समाधान नहीं करती है (छवियां सिम्युलेटर पर लोड होती हैं लेकिन भौतिक डिवाइस पर नहीं।

मैं प्रतिक्रिया-मूल 0.63.3 का उपयोग कर रहा हूं और अभी भी आईओएस 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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
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];
  }

मेरे लिए काम किया !!! मैं

हमने भी 0.63.3 में अपग्रेड किया है, और iOS 14 पर इस समस्या का सामना कर रहे हैं।
हम RN-fetch-blob पैकेज का उपयोग करके फ़ाइलें (उनमें से चित्र) डाउनलोड करते हैं, और छवि घटक का उपयोग करके इन स्थानीय छवियों को लोड करते हैं।

@ क्रिसबाम74

मुझे नहीं लगता कि किसी के पास इसे ठीक करने के लिए माइक्रोसॉफ्ट ऐप सेंटर बिल्ड स्क्रिप्ट भी है?

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

कृपया पैच-पैकेज का उपयोग करके मैं इसे कैसे लागू कर सकता हूं? पैच-पैकेज का उपयोग करने के साथ शुरुआत।

नमस्ते!

1.- "npm i -g पैच-पैकेज" चलाएँ
2.- पैच नाम से एक नया फोल्डर बनाएं
3.- उस फोल्डर के अंदर React-native+0.63.0.patch नामक एक नई फाइल बनाएं
4.- ऊपर स्रोत कोड जोड़ें।
5.- प्रोजेक्ट के रूट पर "पैच-पैकेज" चलाएँ

बस उपरोक्त सुधार का पालन करें और एक फ़ाइल बनाएं प्रतिक्रिया-मूल+0.63.0.पैच

उसके बाद, अपने appcenter-pre-build.sh में जोड़ें

एनपीएम आई-जी पैच-पैकेज
पैच-पैकेज

यह उपरोक्त सुधार को आपके AppCenter बिल्ड में जोड़ देगा।

मेरे पास आईओएस पर यह था और एनपीएक्स प्रतिक्रिया-मूल-फिक्स-छवि का उपयोग किया जो बहुत अच्छा काम करता था। अब मैं यह जानकर निराश हूं कि समस्या Android पर बनी हुई है!

यहाँ Android का कोई उल्लेख नहीं है - क्या मैं अकेला हूँ?

मैं "रिएक्शन-नेटिव" रॉक कर रहा हूं: "0.61.5"

_const छवि = Animable.createAnimatableComponent(FastImage);_
ठीक से काम नहीं कर रहा है!

एनिमेशन={'बाउंसइन'} काम नहीं कर रहा है

"प्रतिक्रिया-मूल": "0.63.3"
"प्रतिक्रिया-मूल-तेज़-छवि": "^8.3.4"
"प्रतिक्रिया-मूल-एनिमेबल": "^ 1.3.3"

मुझे पता है कि इसे 0.63 के लिए पैच माना जाता है, लेकिन मैं पुष्टि कर सकता हूं कि यह 0.62 पर भी काम करता है। मैं

यह अभी भी आईओएस 14.2, एक्सकोड 12.2, प्रतिक्रिया-मूल 0.63.4 . पर काम नहीं करता है
कोई भी सुझाया गया फिक्स मदद नहीं करता है
अद्यतन
0.63.4 - बिना किसी समस्या के और बिना किसी पैच के दूरस्थ छवियां दिखाता है, लेकिन स्थानीय छवियां पैच के साथ या बिना काम नहीं करती हैं

मेरे पास प्रतिक्रिया-मूल 0.63.3 वाला एक प्रोजेक्ट है, पैच मेरे लिए काम नहीं करता है। पैच को लागू करने से पहले मैंने कक्षा RCTUIImageViewAnimated को सत्यापित किया और इसमें पहले से ही पैच कोड है, यह अपेक्षित है क्योंकि # 29420 पहले से ही 0.63.3 में 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_ छवियों के लिए _external_ URL (RN 0.63.3) का उपयोग करते समय लोड हो रहा है।
मेरा उपाय,

• मैं हाइब्रिड संपत्ति पैटर्न का पालन करता हूं, आप यहां संदर्भ प्राप्त कर सकते हैं https://reactnative.dev/docs/images#images -from-hybrid-apps-resources
• छवियों को आईओएस/एंड्रॉइड एसेट लाइब्रेरी में जोड़ें। यह या तो मैन्युअल रूप से किया जा सकता है, स्क्रिप्ट द्वारा, XCode,...
• छवि को इसके _local_ URI द्वारा संदर्भित करें, _react देशी सुविधा फ़ाइल सिस्टम संदर्भ_ के बजाय, नीचे iOS उदाहरण

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

• प्लेटफ़ॉर्म के आधार पर iOS या Android संदर्भ संपत्ति URI प्राप्त करने के लिए एक उपयोगिता फ़ंक्शन बनाया गया। कृपया दस्तावेज़ीकरण (https://reactnative.dev/docs/images#images-from-hybrid-apps-resources) पढ़ें और URI स्वरूपण में अंतरों पर ध्यान दें।
• आईओएस 14.2 ऐप पर छवियां दिखाई देने लगीं !! मैंने ऐप स्टोर और एड हॉक इंस्टॉलेशन से वितरित ऐप के साथ परीक्षण किया

यह काम कर रहा है (मेरे लिए) लेकिन, डाउनसाइड्स,

• रिएक्ट नेटिव संदर्भों का तरीका इसे एक तरफ रखने के लिए बहुत सुविधाजनक है, मुझे उम्मीद है कि यह समस्या हल हो जाएगी और मैं वापस सामान्य हो सकता हूं।
• संभावित रूप से तीन संपत्ति फ़ोल्डर को सिंक में रखते हुए ... हाँ यह स्क्रिप्ट द्वारा है, लेकिन डेवलपर्स आसानी से भूल जाएंगे और अब से कुछ महीनों में कोई 2 दिन बिताएगा यह पता लगाने के लिए कि छवियां क्यों नहीं दिखती हैं कि स्क्रिप्ट पुरानी हैं या कुछ भी जिसके बारे में आप सोच सकते हैं।
• मेरे सिम्युलेटर से छवियां गायब हैं, मैं सिम्युलेटर से चलने पर प्रतिक्रिया-मूल संपत्तियों के फ़ोल्डर से छवियों को लोड करने के लिए एक सशर्त जोड़ना चाहूँगा। यह lib मदद कर सकता है https://github.com/react-native-device-info/react-native-device-info (मैंने अभी तक कोशिश नहीं की है)।
  मुझे उम्मीद है कि इस कामकाज से किसी को फायदा हो सकता है।

इस पर @RutsSantos ने भी मेरे लिए काम किया!

1. npm स्थापित करें - प्रतिक्रिया-मूल-फिक्स-छवि सहेजें;
2. एनपीएक्स प्रतिक्रिया-मूल-तय-छवि
3. पुनर्निर्माण परियोजना

मेरे लिए काम किया

आरएन 0.61 . के लिए काम नहीं किया

मैं आरएन 0.61 का उपयोग करता हूं और कोई समाधान मेरे लिए काम नहीं करता है। Pls, कोई और समाधान है?

मैं आरएन 0.61 का उपयोग करता हूं और कोई समाधान मेरे लिए काम नहीं करता है। Pls, कोई और समाधान है?

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

मेरा यह पुस्तकालय, यह अभी भी आरएन 0.61 के साथ ठीक काम करता है

मैं आरएन 0.61 का उपयोग करता हूं और कोई समाधान मेरे लिए काम नहीं करता है। Pls, कोई और समाधान है?

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

मेरा यह पुस्तकालय, यह अभी भी आरएन 0.61 के साथ ठीक काम करता है

हाय हुई, मैंने ऊपर दिए गए गाइड के रूप में कदम दर कदम कोशिश की, इसने फिक्स इमेज को दिखाया। लेकिन छवि अभी भी ios 14 पर प्रदर्शित नहीं होती है। अन्य ios संस्करण अभी भी छवि को सामान्य रूप से प्रदर्शित करते हैं।
मैं आरएन 0.61 और आईओएस 14 का उपयोग करता हूं।