Flutter Gif未获得动画颤振web

颤振Web Gif图像不会设置动画

我在我的颤振网中有一个TabBarView。里面我有一个GIF格式的图像。正在显示图像，但没有可见的动画

SizedBox(
                height: 500,
                width: Constants.width,
                child: TabBarView(
                  children: <Widget>[
                    Image.asset(
                      'images/tourism.gif',
                      width: Constants.width,
                    ),

                  ],
                ),
              )

SizedBox(
身高：500，
宽度：常量。宽度，
子项：选项卡视图(
儿童：[
影像资产(
“images/tourism.gif”，
宽度：常量。宽度，
),
],
),
)

我刚刚检查了Image.asset是如何翻译的，它显然是如何转换成画布的。如下图所示

因此，如果您处于一个要求很高的情况下，您仍然可以使用常见的img元素来实现这一点，该元素可以通过flatter_web_ui包包含，如下代码所示

import'包装：flatter_web/material.dart'；
将“package:flatter\u web\u ui/ui.dart”作为ui导入；
导入“dart:html”；
类扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
//构建HTMLIMG元素。
ui.platformViewRegistry.registerViewFactory(
“Gif渲染器”，
（int viewId）{
ImageElement=ImageElement（）
..src=“/assets/images/tourism.gif”
//…高度=500
//…宽度=800
..style.border=“无”；
返回元素；
},
);
返回填充(
填充：仅限边缘设置（顶部：1.0），
子：列(
mainAxisAlignment:mainAxisAlignment.end，
儿童：[
扩大(
//这是一个普通的图像资源
子：Image.asset(
“/images/tourism.gif”，
身高：500，
宽度：800，
),
),
扩大(
//这里我们添加了早期创建的HTML img元素。
孩子：HtmlView(
视图类型：“Gif渲染器”，
),
)
],
),
);
}
}

现在，这段代码在一列中显示了两个小部件，第一个是您使用的常用图像资源，第二个是正确呈现gif的HTMLIMG元素

另请注意，Flatter web希望在资产文件夹中有一个AssetManifest.json，其中包含和资产相关的条目。我不确定这是否是强制性的，但这里有一个如何定义它的参考

我在AssetManifest.json中使用了以下条目

{
“资产”：[“images/tourism.gif”]
}

您在pubspec文件中提到过吗？是的，我提到过。但它仍然不起作用。图像可见，但图像中没有动画

Image（Image:new AssetImage（“images/tourism.gif”））

你能试试这个吗Image:DecorationImage（Image:AssetImage（“images/tourism.gif”）、fit:BoxFit.fithheight）我现在就是这样做的。但它仍然不起作用