Add support for Clear/Transparent Blur background

henriquecfreitas commented 10 months ago

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:

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

shav95 commented 10 months ago

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.