Flutter Svg 图像无法加载

Question

当我运行我的代码时，svg 没有出现。我已经将 flutter_svg: ^0.19.0 添加到依赖项中。

我该如何解决这个问题？

import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

class HomeScreen extends StatelessWidget {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        elevation: 0,
        leading: Builder(
          builder: (BuildContext context) {
            return IconButton(
              icon: SvgPicture.asset('assets/icons/home.svg'),
              onPressed: () { Scaffold.of(context).openDrawer(); },
               tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
        ); 
      },    
    ),
  )
);

} }

Answer 1

pubspec.yaml 文件

中似乎缺少资产路径

添加

assets:
    - assets/icons/

编辑

请检查您的 svg 文件... Flutter_svg 仅支持特殊 svg 格式。你应该像这样导出你的 svg。

Answer 2

如果 svg 有样式标签则不支持 flutter svg

Answer 3

这对我来说工作正常请看图片中的格式希望能完全帮助你

Flutter Svg 图像无法加载

Flutter Svg image dosen't load

mobile

svg

dart

flutter