【Flutter 问题系列第 54 篇】Flutter 引入阿里矢量图标库的详细图文教程

已于 2022-06-01 10:07:06 修改
阅读量1.4k 收藏 10
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Flutter 常见问题 文章标签： Flutter引入阿里图标库 阿里矢量图标库的详细图文教程
于 2022-01-07 14:35:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42351033/article/details/122362573
本文详细介绍了如何在Flutter项目中引入阿里矢量图标库，包括下载图标资源、配置项目字体文件和使用图标的方法，帮助开发者实现自定义图标显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是【Flutter 问题系列第 54 篇】，如果觉得有用的话，欢迎关注专栏。

第三方图标库很多人都在用 阿里巴巴矢量图标库 ，本篇博客说下在 Flutter 里如何引入阿里矢量图标库。

文章目录

一：下载阿里矢量图标库项目资源

第一步

进入到阿里矢量图标库后，在搜索框里搜索自己需要的资源名称，比如我这里搜索 wifi ，然后选择一个图标点击"添加入库"按钮，如下图所示
在这里插入图片描述
点击查看入库的图标按钮后进入下一个界面，选择要添加到的项目然后点击确定，如下图所示

了解本专栏 订阅专栏 解锁全文
【Flutter 问题系列第 7 篇】TextField 去掉下划线
“Allen Su”的博客
09-10 4600
TextField 去掉下划线
Flutter中使用阿里图标
qq_43119398的博客
12-28 620
flutter中Icon的使用是很常见，然而自带的Icon是远远不够用的。我们可以引用其他的图标图为己所用。下面是以阿里图标的使用为例。 一：准备图标 打开阿里图标网站：https://www.iconfont.cn/ 选择自己所需要的图标加入购物车，点击购物车，点击下载代码。 打开压缩文件。找到.ttf结尾的文件 重新命名（此处我采用的名字是myIconFont），拷贝该文件到自己的项目中（...
Flutter TextField 去掉下划线
RollingPin的博客
01-11 3555
TextField 默认自带下划线, 然鹅现在UI设计一般做无边框输入框,通过简单设置decoration去掉下划线 border: InputBorder.none, TextField( style: TextStyle(color: Colors.white, fontSize: 16.0), decoration: InputDecoration( border: InputBorder.none, hintText: '输入提示占位字符',
A borderRadius can only be given for uniform borders.
u011050129的博客
02-25 5554
在Container中使用decoration属性时报出的异常信息： The following assertion was thrown during paint(): A borderRadius can only be given for uniform borders. 'package:flutter/src/painting/box_border.dart': Failed ass...
Flutter TextFiled去掉下划线
徐代龙的技术专栏
07-11 3026
Flutter系统自带的TextFiled都带有下划线，有时候我们并不需要 此时我们只需要在decoration中加入一下代码： Container( alignment: Alignment.topLeft, child: TextField( maxLines: 10, onChanged: _textFieldChanged, ...
Xcode 报错 Multiple commands produce
Jian_Ze的博客
03-18 5251
一、问题分析 这种报错是因为工程里有重复的文件导致的，只要到工程里删掉重复的文件就行 二、解决方案 进入工程 -> 找到Build Phases -> 搜索找到报错的重复文件 -> 删除有问题的文件
flutter图文教程
02-23
#### 集成阿里矢量图标库 对于想要提升应用美观度和用户体验的开发者来说，在项目中引入高质量的图标资源是非常重要的一步。通过集成阿里巴巴提供的矢量图标库，可以轻松获取大量精美的图标素材，满足不同场景下的...
Flutter TextField怎样去除下划线及有焦点时颜色
欢迎加入Android老司机学院 482266514（技术交流群）密码CSDN
12-21 1750
修改方法 只有把 enabledBorder: new UnderlineInputBorder focusedBorder: new UnderlineInputBorder 设置为 borderSide: BorderSide.none, 即可，修改焦点时颜色都可以在这里定义 Container( padding: EdgeInsets.only(left: 18.0, right: 18.0), height: 15
Xcode --- Multiple commands produce xxx /xxx/xxx/Info.plist
我是闰土你是猹的博客
05-05 695
参考上一篇文章，解决方案是：选中项目--->Bulid Phases--->Copy Bundle resources--->找到info.plist文件，然后删除
This app is using a deprecated version of the Android embedding. To avoid unexpected runtime fail..
wangqing830414的专栏
06-09 2165
首先，删除android -> app -> src -> main -> AndroidManifest.xml中的。
The plugin `fluttertoast` uses a deprecated version of the Android embedding.
热门推荐
qq_43336158的博客
04-02 1万+
The plugin `fluttertoast` uses a deprecated version of the Android embedding.`To avoid unexpected runtime failures, or future build failures, try to see if this plugin supports the Android V2 embedding. Otherwise, consider removing it since a future relea
flutter doctor错误：Unable to find bundled Java version.
m0_64355468的博客
04-09 621
解决办法：Android Studio目录下的jbr里的所有文件，复制到jre里。
flutter doctor出现 Unable to find bundled Java version
cat_is_so_cute的博客
04-12 1502
【代码】flutter doctor出现 Unable to find bundled Java version。
The plugin flutter_webview_plugin uses a deprecated version of the Android embedding错误
江上清风山间明月的博客
10-12 3536
.
Xcode报错Multiple commands produce ‘.../Info.plist‘
最新发布
2302_78755123的博客
03-14 447
报错Multiple commands produce '.../Info.plist'，解决方法：在Build Phases -> Copy Bundle resources中选择Info.plist并点击减号删除。阻止 Xcode 将项目中我们自主创建的 Info.plist 文件纳入资源文件的统一管理范畴。
XCode报错：Multiple commands produce ‘/xxx.app/Info.plist‘
集结号
05-06 1215
Info.plist报错
xcode error: Multiple commands produce
win_huanglian的专栏
01-22 1160
项目->TARGETS-->Build Phases--->Copy Bundle Resources 下面info.plist 文件删除掉。
xcode报错 Multiple commands produce ‘/Users/mac/Library/Developer/Xcode/DerivedData/info.plist‘
九月风未凉，紫梦已绵长。
10-21 4120
xcode报错 Multiple commands produce ‘/Users/mac/Library/Developer/Xcode/DerivedData/info.plist‘
XCode 10 错误 Multiple commands produce
w08023176的博客
09-10 910
错误：xxx.app :-1: Multiple commands produce '/Users/xxxxxxxxxxxxxx/Debug-iphonesimulator/xx.app': 1)Target 'xxx' has create directory command with output '/Users/xxxxxxxxxxxxxxxxxxxxxxxxxxx/Debug-iphonesimulator/xx.app' 2)That command depends on comman
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Allen Su

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值