[Fixed]Images are not showing in iOS 14

-

Original Post: https://theblueplug.com/images-not-showing-in-ios-react-native/



 1. run "npm i -g patch-package"

 2. Create a folder named "patches" in your root of the project


3. Get the react-native version from the package.json file (it should be under dependencies section)

For Example : "react-native": "0.61.5",


4. Create file named 

react-native+<version_code>.patch

Example : react-native+0.61.5.patch


5. Add the below code into that file


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


6. run "patch-package" on the root of the project



Custom Mobile App Development: https://kenitechnologies.com












Comments

Post a Comment

Popular posts from this blog

[Free] How To Install WordPress with Nginx in Ubuntu 20.04 Oracle Cloud?

-
Image
This tutorial has been written to help you set up a server running Ubuntu 20.04 with Nginx and WordPress. If you are looking for a solution that is fast, scalable, secure, and low maintenance then this guide is perfect for you. It will take you step-by-step through the process of installing the latest version of Ubuntu on your VPS server. Then it will show you how to install WordPress on your freshly installed Ubuntu server in less than 10 minutes! If this sounds too good to be true then read on because I'll show you how... 1: Copy Instance IP Address 2: Generate Puttgen Private Key using the Private & Public Keys Generated While Creating Your Instance Conversions > Import Key > Select Your PrivateKey File Click Save Private Key > Press YES 3: Open Putty      Paste Your IPAddress     Under Connection > SSH > Auth > Click Browse & Select the private key file generated from puttygen 4: Click the Open Button on Putty to connect through SSH > Accept 5: logi
Read more

Is Time Travel Possible ?

-
Image
The concept of a time machine has been a subject of fascination and speculation for centuries. The idea of traveling through time, exploring the past or future, has captured the imaginations of scientists, writers, and dreamers alike. While time travel remains purely speculative and theoretical, this essay will delve into the concept, theories, and implications surrounding the idea of a time machine.  I. The Concept of Time Travel: A. Definition and Possibilities: Time travel refers to the hypothetical ability to move backward or forward in time, experiencing events that have already happened or those yet to occur. It raises intriguing possibilities, such as revisiting historical periods, witnessing significant moments, or gaining insight into the future. Time travel is commonly explored in science fiction literature, movies, and popular culture. B. Theories and Paradoxes: Theoretical physics offers several frameworks and concepts that discuss the possibility of time travel. Einstein&#
Read more

[Fixed]My network requests are not working in Android Pie!

-
Recently I faced a weird situation where my app was working fine in all Android versions except Android Pie. After lots of debugging I came to know it was because my server was not secure ie it was using HTTP (not HTTPS). Android P uses HTTPS by default. What this means is that if you are using unencrypted HTTP requests in your app, the app will work fine in all versions of Android except Android P. Let’s consider two situations where your app won’t work properly in Android P. Firstly, if your server is on HTTP obviously it won’t work in Android P. Another case is when your server is on HTTPS but it is returning something like an image URL which is HTTP, you won’t be able to load the image in Android P. The good news is… there is a really simple and quick fix for the above problem so let’s get started. You just need to create a  network_security_config  file in the xml folder and then include it in the manifest in the following manner. <?xml version="1.0"
Read more