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

Add support for Clear/Transparent Blur background

Open henriquecfreitas opened this issue 1 year ago • 9 comments

The blurType options supported for iOS does not provide any option for handling a clear background to the BlurView component.

That would be useful in many cases, like described on issues #465 , #474 , #407 and others.

The app I'm currently working on is using the BlurView component for the Header background in some specific pages, where a FlatList component should be able to slightly show the cards content underneath the page Header when scrolling. The problem is that the color displayed on the Header when there is no content behind it (eg: list scroll is on top) is not matching the same color of the Header displayed on pages where it does not use the BlurView. Of course they doesn't need to perfectly match the same outputed RGB, since one of them has a Blur effect applied, but it would be great if they could have at least a similiar feel.

Example: image

This issue would problably be fixed with the solution proposed by @KirillGudkov on the PR #513

henriquecfreitas avatar Nov 17 '23 16:11 henriquecfreitas

I agree with @henriquecfreitas , I also have a project were i need to put a clear blur view , but I cannot . on android it works but on ios there is no way. Dear team please if it is possible find a solution for this issue.

shav95 avatar Nov 26 '23 12:11 shav95

Same problem. Please help.

haroutunyan avatar Nov 29 '23 08:11 haroutunyan

Can you give a solution for this problem?

ruabelyan avatar Dec 07 '23 18:12 ruabelyan

please give a solution for this probleme

MeekzIT avatar Dec 07 '23 19:12 MeekzIT

@Kureev

shav95 avatar Dec 07 '23 19:12 shav95

Same problem

ugar0ff avatar Feb 08 '24 10:02 ugar0ff

same

w3company-leo avatar Feb 16 '24 06:02 w3company-leo

Bump

NorseGaud avatar Mar 17 '24 22:03 NorseGaud

up

GrishovAleksei avatar Aug 06 '24 13:08 GrishovAleksei