Skip to content

Add support for Clear/Transparent Blur backgroundΒ #602

@henriquecfreitas

Description

@henriquecfreitas

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions