flutter项目使用svg图标

 时间:2026-02-16 11:50:04

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地址分配功能
  • 热门搜索
    炸素丸子的家常做法 煮牛奶的正确方法 子宫肌瘤的治疗方法 怎么改变图片大小kb 迈之灵片效果怎么样 冰雹是怎么形成的 小芋头怎么做好吃 取环怎么取 建议书怎么写 腌鸡蛋出油最好的方法