Kureev / react-native-blur

React Native Blur component
MIT License
3.74k stars 554 forks source link

Blur amount not honored if blurType is set. #526

Open dquessenberry opened 1 year ago

dquessenberry commented 1 year ago

I noticed that blurAmount does not effect the blur if blurType is set to a value. If I don't set a blurType then the screen covered by the BlurView is much darker. I can only seem to effect the darkness/lightness by passing a blurType value, but then I lose the ability to adjust the blur. Is it possible to allow for custom blur amount and how much the BlurView darkens/lightens content?

In my use case I have a full screen modal with a semi transparent light green overlay that I would like to add a blur effect to the content it is covering. I would prefer no darkening or lightening effect, only blur, and to be able to adjust the blur amount to the design specs. Is this possible?

No BlurView - transparent background color as designed BlurView with blurType="regular" blurAmount={5} (blur not effected) BlurView no blurType, blurAmount={5} (blur is less but bg color is darken)
IMG_8665 IMG_8662 IMG_8661