Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Apply BackdropBlur to everything outside of Canvas #324

Closed
thespacemanatee opened this issue Mar 28, 2022 · 2 comments
Closed

Apply BackdropBlur to everything outside of Canvas #324

thespacemanatee opened this issue Mar 28, 2022 · 2 comments

Comments

@thespacemanatee
Copy link
Contributor

Hello! Thanks again for this wonderful library.

I wanted to ask if it is possible or will it ever be possible to apply any backdrop filters to views that exist outside of the Canvas? The use case is to have a bottom sheet that is rendered in a separate view tree from the underlying screen to achieve the Glassmorphism design language.

As you can see in the example, only the logo image is being blurred, but nothing in the background screen is being blurred.

Example

@chrfalch
Copy link
Contributor

Hi, @thespacemanatee - this is unfortunately not possible for now - the reason being that the Skia Views does not know about the React Native Views, and they are both rendered completely different.

We are looking into ways that we could bridge this gap, but it is currently a bit out of scope.

@kokosky93
Copy link

Has anything changed in that matter? Is it possible to blurred background of a skia element respect a react native View under the skia element?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants