【问题标题】:Flutter Svg image dosen't loadFlutter Svg 图像无法加载
【发布时间】:2021-01-10 21:31:33
【问题描述】:

当我运行我的代码时,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,
        ); 
      },    
    ),
  )
);

} }

【问题讨论】:

  • 你能在这里添加你的svg文件吗..

标签: flutter dart svg mobile


【解决方案1】:

pubspec.yaml 文件中似乎缺少资产路径

添加

assets:
    - assets/icons/

编辑

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

【讨论】:

  • 如果上述操作正确,它应该可以工作,尝试杀死应用程序并再次运行它
【解决方案2】:

如果 svg 有 style 标签则不支持 Flutter svg

【讨论】:

  • 我不知道你想在这里说什么。您可以添加一些代码来说明吗?另请参阅How to Answer
  • 在记事本或 notePad++ 中打开 svg 文件代码并查看 。如果提及此标签,则 svg 不会显示。
【解决方案3】:

这对我来说很好,请查看图片格式希望对您有所帮助

【讨论】:

  • 请简单解释一下图片的内容。不是每个人都能看到它。
猜你喜欢
  • 2016-05-02
  • 2012-09-29
  • 2021-03-09
  • 2021-01-17
  • 1970-01-01
  • 2021-05-15
  • 2023-03-16
  • 2021-01-31
  • 2020-06-16
相关资源
最近更新 更多