这里是我要添加svgpicture的代码但是我得到了黑色图片新的Container子项:new SvgPicture.asset('assets / camera.svg')),
这是我的camera.svg文件
<svg xmlns="http://www.w3.org/2000/svg" width="13.607" height="13.608" viewBox="0 0 13.607 13.608">
<defs>
<style>
.cls-1{}
</style>
</defs>
<g id="Group_5" data-name="Group 5" transform="translate(-57.8 -130.498)">
<g id="Group_4" data-name="Group 4">
<g id="Group_3" data-name="Group 3">
<path id="Path_2" d="M69.415 139.294a6.792 6.792 0 0 0-2.586-1.621 3.933 3.933 0 1 0-4.452 0 6.814 6.814 0 0 0-4.577 6.433h1.063a5.741 5.741 0 1 1 11.481 0h1.063a6.763 6.763 0 0 0-1.992-4.812zM64.6 137.3a2.87 2.87 0 1 1 2.87-2.87 2.874 2.874 0 0 1-2.87 2.87z" class="cls-1" data-name="Path 2"/>
</g>
</g>
</g>
</svg>
像我在下面做的那样编辑style
以改变颜色:
<svg xmlns="http://www.w3.org/2000/svg" width="13.607" height="13.608" viewBox="0 0 13.607 13.608" style="fill: #ff0000;">
<defs>
<style>
.cls-1{}
</style>
</defs>
<g id="Group_5" data-name="Group 5" transform="translate(-57.8 -130.498)">
<g id="Group_4" data-name="Group 4">
<g id="Group_3" data-name="Group 3">
<path id="Path_2" d="M69.415 139.294a6.792 6.792 0 0 0-2.586-1.621 3.933 3.933 0 1 0-4.452 0 6.814 6.814 0 0 0-4.577 6.433h1.063a5.741 5.741 0 1 1 11.481 0h1.063a6.763 6.763 0 0 0-1.992-4.812zM64.6 137.3a2.87 2.87 0 1 1 2.87-2.87 2.874 2.874 0 0 1-2.87 2.87z" class="cls-1" data-name="Path 2"/>
</g>
</g>
</g>
</svg>
首先使用你提供的svg图像我在控制台上遇到以下错误
I / flutter(7705):══╡由SVG引起的异常╞═══════════════════════════════════════════════════════════════════════════════════════════════════ ═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ν═ :I / flutter(7705):该库中未实现该元素。
您可以删除图像上的此部分以解决该问题:
.CLS-1 {}
其次,正确显示图像,只需验证您是否在pubspec.yaml文件中添加了适当的资产注册,如下所示。
资产: - assets / camera.svg
这意味着您在根级别拥有一个名为assets的文件夹。 第三,图像不是相机图片就像人的图标。 使用如下,您将看到:
Container(
height: 120.0,
width: 120.0,
color: Colors.yellow,
child: SvgPicture.asset('assets/camera.svg'),
)
我把黄色背景显示出更好的效果。 希望这有帮助。