flutter - 如何将这个lottie动画展开填满整个屏幕 - Flutter

Question

我目前正在我的应用程序中制作渐变背景动画......我正在使用 lottie 动画的帮助下这样做!我试图将它封装在一个容器中并成功地做到了。但是有一个问题，尽管我将高度更改为大于 2000 的东西，但我无法使容器大于一定数量......我真的不知道该怎么做才能确保容器中没有空格屏幕并且此渐变填充所有设备的屏幕。这是代码。我还在屏幕截图中添加了它的外观，以便您了解发生了什么。

import 'package:flutter/material.dart';
import 'package:lottie/lottie.dart';

class WelcomeScreen extends StatefulWidget {
  @override
  _WelcomeScreenState createState() => _WelcomeScreenState();
}

class _WelcomeScreenState extends State<WelcomeScreen> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(0),
        child: Container(
          height: 1000,
          width: 1000,
          child: Lottie.asset('assets/gradient-background.json'),
        ),
      ),
    ));
  }
}

我是 flutter 开发的新手，所以如果这是一个非常愚蠢的错误，请原谅我!非常感谢，非常感谢您的帮助!

Answer 1

首先感谢大家的帮助。特别感谢 Nehal，因为他让我知道了 fit 属性，它后来证明是 lottie Assets 动画的一个特征!非常感谢，这是正确的代码:

import 'package:flutter/material.dart';
import 'package:lottie/lottie.dart';

class WelcomeScreen extends StatefulWidget {
  @override
  _WelcomeScreenState createState() => _WelcomeScreenState();
}

class _WelcomeScreenState extends State<WelcomeScreen> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      body: Container(
        height: double.infinity,
        width: double.infinity,
        child:
            Lottie.asset('assets/gradient-background.json', fit: BoxFit.cover),
      ),
    ));
  }
}