Low animation quality when rotating using Rive’s native renderer (works fine with Flutter renderer)

[thize]

Description

When using a Rive animation inside a container (in my case, a cup object), the animation quality becomes extremely poor when the cup is moved or transformed. The issue only occurs when using the native Rive renderer — the animation looks sharp and smooth when rendered using Flutter’s built-in renderer.

I’ve attached two videos for comparison:

• Video 1: Rive animation rendered with Flutter’s renderer (good quality)
• Video 2: Rive animation rendered with Rive’s native renderer (blurry / low-quality result)

Steps To Reproduce

1. Place a .riv animation inside a container widget.
2. Move or transform the container (e.g., translate, scale, or rotate).
3. Observe the animation quality degradation with the native renderer.
4. Switch to Flutter’s renderer — the issue disappears.

Source .riv/.rev file

I can provide both .riv and .rev files privately if needed.

Expected behavior

The animation should maintain the same visual quality when the parent container is moved, regardless of whether it’s rendered via Flutter’s renderer or the native Rive renderer.

Screenshots / Videos

rive_flutter_renderer.mp4

rive_native_renderer.mp4

Device & Versions

• Device: Windows / Android / iOS
• Flutter Version: 3.35.6

[HayesGordon]

What you're likely running into is that the underlying widget size is changing, which requires us to constantly recreate the underlying native texture we are drawing to, which is more expensive than drawing to a stable texture.

To overcome this, you have two options:

• Use a wrapping RivePanel and draw all the widgets to that single texture by setting useSharedTexture to true in RiveWidget. See doc and doc for more information.
• You could recreate this whole UI in Rive as a single artboard!