Skip to content

Add support for Clear/Transparent Blur background #602

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions