Android animation only plays when visible

[Nezz]

Description

We have an animation that's supposed to hide when another element in the list is selected. However, on Android the hiding only happens when the previous animation becomes visible.

Also, the animation is visibly pixelated in this repro that uses version 0.2.7. But it's not pixelated in our main project that still uses 0.2.3 due to iOS build issues.

Provide a Repro

https://github.com/Nezz/expo-repro/tree/repro/RiveAndroid2

Source .riv/.rev file

Found in the repro

Expected behavior

After button A is pressed, there should be no highlight visible on button H.

Screenshots

Offscreen.mp4

Device & Versions (please complete the following information)

• Device: Samsung Galaxy Fold 3, API 36 emulator
• OS: Android 15
• React Native Version: 0.83.2
• Expo Version (if applicable): 55

Additional context

[Nezz]

@mfazekas Is there anything that could be done about this?

[mfazekas]

@Nezz does this happens with latest @rive-app/react-native?!
0.3.4 or
0.4.0

0.4.0 has some breaking changes and 0.3.4 should be same in this regard, so try with 0.3.4 if you're not already in 0.4.0

[Nezz]

I'll try that. Is #187 fixed in those releases?

[mfazekas]

Yep according to rive-app/rive-android#442 (comment) this was fixed in android 11.3.1. rn libs from 0.3.3+ uses rive-android 11.3.1

[Nezz]

I updated to 0.4.0 and it still happens:
https://github.com/Nezz/expo-repro/tree/repro/RiveAndroid2