Open GhayoorUlHaq opened 4 years ago
Facing same issue very frequently on Huawei device. Use blur view as overlay which closes and opens on a button click.
Facing same issue very frequently on Huawei device. Use blur view as overlay which closes and opens on a button click.
Here is simple hack I tried. Just take image at background where you want blur effect and add prop blurRadius to that background Image ✌️. And you there is no need to use BlurView for this case.
Just add overlayColor={'transparent'}
to your BlurView should fix the issue
Just add
overlayColor={'transparent'}
to your BlurView should fix the issue
thanks but not work for me
Still unable to use multiple BlurView for Android in a single component. Any fixes ?
Just add overlayColor=""
is should fix the issue. Because it worked for me
just add style={{overflow: 'hidden'}} in parent View like this:
<View style={{overflow: 'hidden',position: 'absolute',top:0,left:0,right:0,height:viewportHeight-600}}> <BlurView style={[styles.absolute]} blurType="light" overlayColor="transparent" blurAmount={1}/> </View> <View style={{overflow: 'hidden',position: 'absolute',bottom:0,left:0,right:0,height:viewportHeight-600}}> <BlurView style={[styles.absolute]} blurType="light" overlayColor="transparent" blurAmount={1}/> </View>
I am getting the same issue, without Stack Animation it is working but I need animation + blur both
Bug report
Summary
BlurView turned into white when applied multiple BlurView in android. In addition to this, blurType expands to whole screen. Please check attached screenshot.
Environment info
react-native info
output:Library version: 3.6.0
Steps to reproduce
Describe what you expected to happen:
Reproducible sample code
Screenshot