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地址分配功能
  • 热门搜索
    长葛旅游景点大全 长春大学旅游学院教务系统 北京旅游网站 上海周边旅游景点大全 北京联合大学旅游学院 长安旅游 旅游景点门票 衡阳旅游景点 旅游卫视美丽俏佳人 厦门旅游婚纱照