How to make a Lottie Animation full screen?

Widgets & Design

I'm trying to set a Lottie Animation on loop as a background, which should take up the full height and width of the screen. In the UI Builder, the Lottie Animation appears as expected, set inside a container of infinite width and height.

However in the debug mode, the Lottie Animation reverts to a collapsed fit. How can I set the Lottie Animation to stretch the full width & height of the screen?

(Image #1): The animation preview in the UI Builder.

(Image #2): The animation in debug mode.

What have you tried so far?

I've set the animation and it's parent container to infinite heights and widths, as well as try every different animation "fit" option.

Did you check FlutterFlow's Documentation for this topic?
Yes
1
6 replies