xcode 12 + ios14: image displays as blank view

[Strate]

Describe the bug
After updating to xcode 12 and ios 14 - any image (wither from network or from local) displays as blank view.

Dependency versions

• React Native version: 0.62.2
• React version: 16.11.0
• React Native Fast Image version: 8.3.2

I found similar issue for react-native's Image: facebook/react-native#29279

Note: if these are not the latest versions of each I recommend updating as extra effort will not be taken to be backwards compatible, and updating might resolving your issue.

[Strate]

Fixed by #729

[chengsam]

when will the new release come out?

[julioxavierr]

+1

[alexindrez]

+1

[dgreen-dev]

Facing the same issue in RN0.63.2 and react-native-fast-image@8.3.2

[jvandereijk]

For me running 'pod update' in the ios folder fixed the problem, it will automatically update SDWebImage to 5.9.1

I accidentally fixed it by playing around with the pull request mentioned above #729, but it turns out the PR is not really needed, just the pod update

[IceDev-xyz]

Confirming, @jvandereijk's solution works for me as well (Even with old version of React Native 0.61.5)

[euharrison]

Confirming too (RN 0.61.5)

To anyone who had problems to run pod update:
https://stackoverflow.com/a/59943058/1288541

1 - pod repo remove trunk
2 - pod update

[krisnailafat]

Confirming too (RN 0.61.5)

To anyone who had problems to run pod update:
https://stackoverflow.com/a/59943058/1288541

1 - pod repo remove trunk
2 - pod update

i have RN ver 0.59.10, is this safe for me to use this method?
thank you

[euharrison]

@krisnailafat I'm sorry, but I don't know, need to test it.

But if I try to guess, I believe you will have to update RN too because the react-native-fast-image explicitly says it's need to have RN 0.60+ https://github.com/DylanVann/react-native-fast-image#usage

[krisnailafat]

@krisnailafat I'm sorry, but I don't know, need to test it.

But if I try to guess, I believe you will have to update RN too because the react-native-fast-image explicitly says it's need to have RN 0.60+ https://github.com/DylanVann/react-native-fast-image#usage

i try to update and its ok
and then disable fallback of react-native-fast-image
It's work on IOS 14
thank you

[tibuurcio]

Does anyone has a clue if it's possible to update SDWebImage for a project that's not using pods? We're locked in RN < 0.60 and we don't manage our dependencies with pods. I believe It's the same case as @krisnailafat.

This is making it so that react-native-fast-image is not able to render images in iOS 14.

[euharrison]

@tibuurcio I believe that you will need to fork the react-native-fast-image in the commit that you use in your project, than change de xcode project dependency of react-native-fast-image. Maybe it's not so easy...

[zerocsss]

Facing the same issue in RN0.63.3 and react-native-fast-image@8.3.2

[Doha26]

Facing the same issue in RN0.63.3 and react-native-fast-image@8.3.2

For those who have this issue. it's a known bug with iOS 14. the solution is to use a patch that fix this issue in node_modules.
this library does it very good. https://github.com/huylvdev/react-native-fix-image

For any issue with images disply on iOS 14 , Here iHow to fix :

1- yarn add https://github.com/huylvdev/react-native-fix-image or npm install https://github.com/huylvdev/react-native-fix-image --save

2- npx react-native-fix-image

3 - Rebuild the project. that's all.

NB : The npx npx react-native-fix-image will run a script that will patch the Lib responsible to this behavior.
if you want to avoid runing this script each time you make a build of your app , in the script section inside the package.json , just add the command npx react-native-fix-image

Ex: script:{ .... "start": "react-native start", "postinstall": "npx react-native-fix-image" }

That's All 💯

[zerocsss]

https://github.com/huylvdev/react-native-fix-image

It's still blank load local pictures

[reactunlimited]

Confirming too (RN 0.61.5)

To anyone who had problems to run pod update:
https://stackoverflow.com/a/59943058/1288541

1 - pod repo remove trunk
2 - pod update

Worked for me. I'm using React-native 0.61.5 with latest XCode for iOS 14. I was using Image from ReactNative and Shoutem UI.
Both didn't worked and finally replaced all with react-native-fast-image. Works like a charm.

[titouancreach]

Hello, if people are in the same situation than me: RN < 0.60 (legacy project) and show blank images on IOS >= 14, I made a fork from FastImage 6.x.x (last version supported by RN < 0.60) with the latest SDWebImage.

In my case the project is build with Xcode 12.5.1 (because 13 is not compatible with RN 0.59)

use:

  {
    "react-native-fast-image": "titouancreach/react-native-fast-image",
  }

hope this help