html - HTML窗口小部件中未显示本地 flutter Assets 图像

Question

我正在使用flutter_html呈现html代码，并且运行良好，但是img标签存在问题

当图像来自网络时，img标签可以很好地工作，如下所示:

<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">

但是当它是本地 Assets 图像文件时不起作用
注意:我可以在“图像”小部件中使用相同的图像，如下所示:

Image.asset('assets/images/logo_tst.png'),

但它不会显示在html代码中，我尝试了所有这些方法:

String htmlUrl = '''  
<img src="file:///storage/assets/images/logo_tst.png" alt="web-img1" >
<img src="file:///assets/images/logo_tst.png" alt="web-img2">
<img src="file:///images/logo_tst.png" alt="web-img3">
''';

然后我称之为:

Html( data:htmlUrl),

它只显示alt:

web-img1
web-img2
web-img3

我正在Android模拟器和设备上进行测试

我究竟做错了什么？

谢谢

Answer 1

我做的!我找到了一个解决方案，但并不明显，也没有任何文档记录!

在寻找了几天使用img标签使用 Assets 的正确方法之后，我决定看看github中flutter_html的源代码，我发现了这两行:

else if (node.attributes['src'].startsWith('asset:')) {
                  final assetPath = node.attributes['src'].replaceFirst('asset:', '');

所以我尝试了img标签，像这样:

<img src="asset:assets/images/logo_tst.png" alt="web-img2">

顺便说一下，我的图像文件在 pubspec.yaml中声明为

assets/images/logo_tst.png

和它的工作!

正如我所说的，没有关于此的文档，我希望有人会添加它