search

oblador / react-native-animatable

Standard set of easy to use animations and declarative transitions for React Native
MIT License
9.79k stars 704 forks source link

FadeIn issue on Android #401

Open jonathanroze opened 1 year ago

jonathanroze commented 1 year ago

Hi,

I'm using latest version of React-native and react-native-animatable.

When I want to trigger animation like ref.current.fadeOut()

I have this error on Android only:

Error while updating property 'backfaceVisibility' of a view managed by: RCTView

Capture d’écran 2023-04-04 à 11 23 43
elencho commented 1 year ago

yes, this library is not newArch ready yet :/ I have same problem

jonathanroze commented 1 year ago

@elencho Did you use flipInX or flipInY method?

elencho commented 1 year ago

No, My issue is in react-native-modal, It doesn't work anymore

jonathanroze commented 1 year ago

I solved my issue by editing animation flipInX and flipInY and removing "backfaceVisibility" property!

Maybe react-native-modal use this property.

yeakbaba commented 4 months ago

In my case, the issue was the animation prop of the component and the imperative animation function I called were not in the same animation family.

In other words, while my component is using flipInX as animation prop, <Animatable.View animation="flipInX" ref={animRef}> when I call tada() as imperative function, animRef.current?.tada(). I got the same error.

Replacing flipInX with any attention-seekers (rubberBand, wooble, swing, bounce...), or tada with any flippers was my workaround.