React-native: <ImageBackground> blurRadius prop. does not work on some actual iOS devices

[Radilx]

• [ ] Review the documentation: https://facebook.github.io/react-native
• [ ] Search for existing issues: https://github.com/facebook/react-native/issues
• [ ] Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info:
System:
OS: macOS 10.14
CPU: x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
Memory: 95.29 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.11.3 - /usr/local/bin/node
Yarn: 1.7.0 - /usr/local/bin/yarn
npm: 5.6.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
IDEs:
Android Studio: 3.1 AI-173.4819257
Xcode: 10.0/10L176w - /usr/bin/xcodebuild
npmPackages:
react: ^16.4.1 => 16.4.1
react-native: ^0.56.0 => 0.56.0
npmGlobalPackages:
create-react-native-app: 1.0.0
react-native-cli: 2.0.1

Description

Creating an ImageBackground with a blurRadius is just not reliable enough to use in production. Sometimes it works on physical devices, sometimes it does not and the prop. is ignored completely. On my iPhone SE and iPhone 8 it never works, but on my iPhone 5s it sometimes works (I may have to reload a few times).

Reproducible Demo

render(){ 
     return (
      <ImageBackground blurRadius={10} source={require("./stallsky.jpg")} style={{width: "100%", height: "100%"}}> . 
      </ImageBackground>
    }
}

Works perfectly on the simulator, does not work reliably on devices. Hard to test because it's so unreliable.

[Schwusch]

I am noticing this on Android too.
It works perfectly in debug mode, but fails in release mode.

[daniocean]

We have the same issue but only on iOS devices. On Android, it works consistently, but on iOS it is a hit and miss. It does work in the emulator

[TingAli]

Works on the emulator for me, but not on a device. (Android)

[codifius]

anu update about this issue i have the same,
it's work perfectly with Android but doesn't work in IOS

[hannojg]

Same issue here fails in a release. Even worked in debug mode on physical devices.

[ikishanoza]

Same issue worked in debug for ios and when I upload the app in TestFlight its not working
I haven't use blurRadius mine one is simple with src and style

any help ?"?

:(

UPDATE

I got resolved by cloning project again actually the image from the assets are not being copied to ios folder that's why its happening

[jxzy999]

Same issue here fails in a release. Even worked in debug mode on physical devices.

same issue, is any sulotion ?

[stale[bot]]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.