Kureev / react-native-blur

React Native Blur component
MIT License
3.76k stars 556 forks source link

blureView show white background on ios #465

Open feras-merwas opened 2 years ago

feras-merwas commented 2 years ago

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

bryandandan commented 2 years ago

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

feras-merwas commented 2 years ago

@bryandandan not yet

alirehmanappcrates commented 2 years ago

bryandandan

Did you get the solution???

zainlinux1989 commented 1 year ago

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

bryandandan commented 1 year ago

bryandandan

Did you get the solution???

No sorry :/

NorseGaud commented 5 months ago

Bump