Layout animation is too big on Android

[Nezz]

Description

I've been hunting this bug for a while now and finally managed to make a minimal repro. The issue is that sometimes on Android our layout animation ends up being too big:

Top has the bug, bottom is working correctly - but the repro is random.

It almost looks like the device density was miscalculated and the layout got stretched out too much. Having another animation running in the background is somehow causing this to happen.

Provide a Repro

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

Repro steps:

1. bun android
2. Click the button in the Android emulator/device (see video below)

Note: You might have to restart the app a couple times for this to happen (code reload isn't enough). The issue is random - you can end up with two incorrect, two correct, or one correct+one incorrect animation.

Repro rate is roughly 50% on the SDK 36 emulator.

Source .riv/.rev file

Included in the repro

Expected behavior

The border animation should be subtle

Screenshots

Untitled.mov

Device & Versions (please complete the following information)

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

Additional context

[Nezz]

Thanks a lot 🙏