flutter项目使用svg图标

 时间:2026-04-25 13:37:16

1、1、pubspec.yaml安装flutter_svg插件

在项目的pubspec.yaml文件中如图所示位置复制以下语句:

flutter_svg: ^0.17.4

并在此文件中右键点击GetPages按钮安装插件。

flutter项目使用svg图标

flutter项目使用svg图标

2、2、项目引入插件

在需要使用的.dart文件上方引入插件,写上:

import 'package:flutter_svg/flutter_svg.dart';

引入插件。

flutter项目使用svg图标

3、3、使用svg图片

在需要使用位置上写上:

 SvgPicture.asset("assets/icons/menu.svg")

即可在项目中使用svg图片

flutter项目使用svg图标

  • 路由器桥接后无法上网的一种解决办法
  • 腾达路由器:[6]修改lan口地址
  • 路由器怎么开启IPv6功能
  • wifi信道在哪里设置如何检测哪个路由器信道最快
  • 如何更改光猫IP地址以及关闭DHCP地址分配功能
  • 热门搜索
    john怎么读 乔任梁怎么死的 川崎病是怎么引起的 做包子怎么发面 小虾米怎么做好吃 怎么画眼睛 疱疹是怎么引起的 怎么瘦胸 懵懂怎么读 我的世界铁轨怎么做