在颤振中使用动画 gif

Posted 2023-02-23

【中文标题】在颤振中使用动画 gif

【英文标题】：Using an animated gif in flutter

【发布时间】：2020-08-30 04:20:06

【问题描述】：

我的资产文件夹中有一个动画 gif。我想在我的应用登录页面上使用它，但如何？ 我使用了这段代码：

          Image.asset(
            "login.gif",
            height: 125.0,
            width: 125.0,
          ),

但它什么也没做。

这是错误：

I/flutter (31581)：抛出以下断言解决 图像编解码器：I/flutter (31581)：无法加载资产：login.gif

【问题讨论】：

gif存储在项目树的什么地方？您的pubspec.yaml 资产部分是什么样的？

这能回答你的问题吗？ how to display animated gif in flutter?

【参考方案1】：

去掉 gif 路径中的前导 /。应该是 assets/login.gif

另外，考虑使用更简洁的 Image.asset 构造函数，例如：

new Image.asset('assets/login.gif', width: 125.0, height: 125.0)

【参考方案2】：

您必须提供来自assets 的gif 的relative path 而不仅仅是文件名。

试试这个..

Image.asset('assets/login.gif', width: 15.0, height: 15.0)

还要确保您已在 pubspec.yaml 中提及它。