react-native-blur icon indicating copy to clipboard operation
react-native-blur copied to clipboard

blureView show white background on ios

Open feras-merwas opened this issue 3 years ago • 7 comments

Hello ,

I have integrated blur view which is working fine in android.

However in iPhone it shows white background color.

this is my code

  <ImageBackground
                source={{uri: this.state.imageFromCamer}}
                style={styles.blur_viewShot2}>
                <BlurView
                  style={styles.blur_top_container}
                  blurType="light"
                  blurAmount={3}
                  overlayColor={'transparent'}
                />

                <BlurView
                  style={styles.blur_bottom_container}
                  blurType="light"
                  blurAmount={3}
                  overlayColor={'transparent'}
                />
              </ImageBackground>

Please check below two screenshot for the same.

android

android

iphone

iphone

feras-merwas avatar Apr 06 '22 09:04 feras-merwas

Same issue here. On the emulator iPhone 12 mini version 15.3.1, I see white background instead of blur. Did u find a fix? @feras-merwas

bryandandan avatar Apr 10 '22 13:04 bryandandan

@bryandandan not yet

feras-merwas avatar Apr 12 '22 08:04 feras-merwas

bryandandan

Did you get the solution???

alirehmanappcrates avatar Jul 25 '22 19:07 alirehmanappcrates

Has anyone found a solution? i am facing same issue. blur effect on iOS adding white or dark color with a light, regular, and dark type. with regular type must not contain white color. regular with regular type

dark with dark type

light with light type

zainlinux1989 avatar Nov 02 '22 14:11 zainlinux1989

bryandandan

Did you get the solution???

No sorry :/

bryandandan avatar Nov 02 '22 16:11 bryandandan

Bump

NorseGaud avatar Mar 17 '24 22:03 NorseGaud