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

I need blur amount 112 in android, how can i achieve that?

Open MrShahzeb-kresus opened this issue 1 year ago • 3 comments

As you mentioned "The maximum blurAmount on Android is 32"

I have shared my use case, how can I make my design same on both platform?

✅ Left (IOS) is correct and match with design

❌ Right (Android) in not correct

Kindly help me with this

Thank you

Screenshot 2025-01-07 at 1 22 04 AM

MrShahzeb-kresus avatar Jan 06 '25 20:01 MrShahzeb-kresus

i'm not sure, but you could try place 4 blurView components on top of each other with: 32, 32, 32 and 16 to achieve 112 it seems a little brute-force but i'd say it's worth a try, does it make sense?

dev-joaovitor avatar Feb 28 '25 18:02 dev-joaovitor

i'm not sure, but you could try place 4 blurView components on top of each other with: 32, 32, 32 and 16 to achieve 112 it seems a little brute-force but i'd say it's worth a try, does it make sense?

Yes I did try but it wasn't working, So I had to use Skia for this!

MrShahzeb-kresus avatar Mar 01 '25 20:03 MrShahzeb-kresus

i'm not sure, but you could try place 4 blurView components on top of each other with: 32, 32, 32 and 16 to achieve 112 it seems a little brute-force but i'd say it's worth a try, does it make sense?

Yes I did try but it wasn't working, So I had to use Skia for this!

Yeah, i find out that you shouldn't use too much blurViews as it could impact performance.

I'm glad you find yourself out of this problem!

Don't know much about Skia yet but i believe it was a good solution.

dev-joaovitor avatar Mar 01 '25 23:03 dev-joaovitor