What is the best way to place text over an Rive animation in Flutter?

Issue

I am new to Flutter. I want to place some text that will have values changing over a Rive animation. What is the best way to make sure that the text stays in the same place over the animation no matter the screen size?

Lets say these 3 red boxes have some telemetry data as an example.

enter image description here

Will the Stack widget with position work? Before I go down this rabbit hole I think I need some advice on how to show data in or over a Rive animation.

Solution

Well, Stack is always the answer 🙂 Wrap the Rive animation with it, and use a text widget wherever you want.

Answered By – esentis

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published