flutter项目使用svg图标

2025-11-24 11:34:13

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢