React-native-blur: Is it possible to add transition animation when turning blur effect off?

Created on 5 Mar 2016  路  3Comments  路  Source: Kureev/react-native-blur

My use case is that I'm blurring the whole background view while a panel expands and transits to a new scene;
And when user goes back from the new scene, I want same thing happens - the panel shrinks and the blur goes away.

If I apply LayoutAnimation while expanding the panel and adding the blur view, the blur effect does has a transition animation, but I don't how to apply the same effect while removing the blur view.
Is there currently a possible way to do a nice blur -> plain view transition effect?

help wanted

Most helpful comment

@seph14 you can just wrap it in Animated.View

All 3 comments

Probably you can use an opacity property? (just a shot in the dark)

@seph14 you can just wrap it in Animated.View

If anyone stumbles on this question, I achieved an unblurring effect by simply invoking LayoutAnimation.easeInEaseOut() when I changed the state that caused the BlurView to no longer be rendered.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

minuitagency picture minuitagency  路  5Comments

iagormoraes picture iagormoraes  路  6Comments

Doha26 picture Doha26  路  6Comments

brumm picture brumm  路  7Comments

VicFrolov picture VicFrolov  路  7Comments