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图标

© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com