Flutter图标

原创 已于 2023-09-17 23:22:55 修改 · 830 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Flutter

于 2023-09-17 23:21:55 首次发布

https://fluttericon.cn/
Flutter 内置了丰富的图标。

Icon(Icons.ac_unit)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Flutter系统icon图标【全系列】
徐代龙的技术专栏
05-12 1万+
flutter系统图标，全系列
【Flutter】基础组件：图标
2303_80346267的博客
10-19 3207
在 Flutter 中，图标（Icon）是构建用户界面时常用的组件。它们通常用于按钮、导航栏、列表等地方，以传达功能或状态信息。Flutter 提供了丰富的图标库和灵活的自定义能力，能够满足绝大多数应用的需求。本文将详细介绍 Flutter 中的 `Icon` 组件的用法，图标库的使用方法，以及如何自定义图标。
Flutter自带图标组件和自定义图标
专注于AI领域前沿知识，业余爱好开发软件
12-13 1338
Flutter自带图标组件和自定义图标
Flutter Icons 内置图标库，全套Material图标
Huang58_com的博客
10-13 1916
Flutter ICONS 图标视图
Flutter Icons内置图标库MaterialIcons大全
lqw200931116的博客
07-19 9804
FlutterIcons内置图标库MaterialIcons大全。
2024 年最佳开源 Flutter 图标库
hongfu951的专栏
08-18 1699
选择合适的图标库对于提升用户界面和简化 Flutter 应用程序的开发过程至关重要。在本文中，我们将探讨一些2024年最佳的 Flutter 图标库，包括 Hugeicons Pro、Material Icons、Feather Icons 等，帮助你为项目找到完美的图标。
Hugeicons Flutter 图标库 | 4000+ 开源免费
会煮咖啡的猫咪
07-28 673
在全栈开发的征途中，设计素材的匮乏往往是程序员的一大挑战，尤其是那些为MVP产品增添魅力的元素，比如图标（icons）。 一个优秀的免费图标库，对于快速搭建原型、优化视觉效果至关重要。今天，让我们聚焦于Flutter开发者的一个福音——Hugeicons图标库，它蕴藏着超过4000枚精心设计的图标，为你的应用程序注入无限创意潜力。
polyicon：Flutter图标集生成器
02-05
FlutterIcon-Flutter图标创建器 网站： ，帮助： FlutterIcon是基于Web的Flutter图标字体元素生成器。 不仅可以从“材质设计图标”中生成自定义图标字体，还可以从十几种其他开放源Web字体中生成自定义图标字体，...
open_iconic_flutter:Open Iconic 图标包作为一组 Flutter 图标提供
05-31
图标包作为 Flutter 图标集提供。 安装 在pubspec.yaml的dependencies:部分中，添加以下行： open_iconic_flutter : 0.1.0 用法 import 'package:open_iconic_flutter/open_iconic_flutter.dart' ; class ...
Flutter图标库：使用open_iconic_flutter管理图标资源
标题“open_iconic_flutter: Open Iconic 图标包作为一组 Flutter 图标提供”揭示了该图标包是专为Flutter框架提供的图标资源集合。Open Iconic是一个开源图标集，其特点是风格简洁、具有可定制性，且经过了优化，...
flutter icon 大全
hillwooda的博客
08-10 2749
flutter icon 大全 链接 https://www.fluttericon.com/
flutter 内置图标
唐僧的专栏
06-14 1028
Flutter Icon 图标网https://www.fluttericon.cn/
Flutter Cupertino Icon 图标库
fangjunai的专栏
06-07 2153
Flutter 自带有两种图标库：1、 约2103个图标2、 约1219个图标。
flutter 内置全部Icon库
qq_39364586的博客
11-07 2219
http://fluttericon.com/
flutter Icons全部图标
热门推荐
developer_zhao的博客
02-24 3万+
有的时候想使用图标却不知道有没有该图标,记录下网址: https://material.io/tools/icons/?icon=account_balance&style=baseline
flutter中使用图标（含自制图标库方案）
jclee95的个人博客
03-06 9345
flutter中使用图标（含自定义图标图） 邮箱 ：291148484@163.com 优快云 主页：https://blog.youkuaiyun.com/qq_28550263?spm=1001.2101.3001.5343 本文地址：https://blog.youkuaiyun.com/qq_28550263/article/details/123309530 目 录 1. 官方图标的使用 1.1 在Flutter中的使用方式 1.2 图标查询 1.2.1 Action 1.2.2 Navigation 1.2
Flutter开发之——Icon图标，你会的还只有初级安卓工程师的技术吗
jixuczy的博客
03-29 1407
光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想。
Flutter 中的 Icon 小部件：全面指南
smileKH的博客
05-15 4184
Icon是 Flutter 中用于展示图标的小部件。它通常与图标数据（如字体图标）一起使用，可以很容易地集成到各种用户界面元素中。Flutter 自带了一套 Material Icons 和 Cupertino Icons，分别对应于 Material 和 iOS 设计语言。使用图片作为图标：通过ImageIcon使用图片文件作为图标。ImageIcon(使用自定义字体图标：通过指定字体文件和图标对应的unicode字符来使用自定义字体图标。Icon(
安卓 flutter图标页
最新发布
03-18
### Android Flutter 图标页面设计与实现 在 Flutter 中，可以通过 `flutter_launcher_icons` 插件来轻松管理应用程序的启动图标。以下是具体的操作流程以及注意事项。 #### 配置 `pubspec.yaml` 为了使用 `flutter_launcher_icons` 插件，在项目的 `pubspec.yaml` 文件中需要添加以下内容： ```yaml dev_dependencies: flutter_launcher_icons: "^0.13.1" flutter_icons: android: "launcher_icon" ios: true image_path: "assets/icon/icon.png" ``` 上述配置说明如下： - **`dev_dependencies`**: 声明开发阶段依赖的 `flutter_launcher_icons` 包及其版本号[^1]。 - **`flutter_icons`**: 此字段为插件专用配置块。 - **`android`**: 定义 Android 平台上的图标名称，默认值为 `"launcher_icon"`。 - **`ios`**: 表示是否覆盖 iOS 默认启动图标，`true` 表示覆盖，`false` 则不操作。 - **`image_path`**: 指定用于生成图标的图片文件路径。 完成以上配置后，运行以下命令以生成新的启动图标： ```bash flutter pub get flutter clean flutter pub run flutter_launcher_icons:main ``` 这些命令会自动更新 Android 和 iOS 平台上所需的图标资源文件。 --- #### 处理特殊场景下的问题 如果遇到某些情况下点击应用图标无法正常进入首页而是跳转到其他界面的问题，则可能是由于 Android 的 intent filter 配置不当引起的。例如，当存在 `<data>` 节点时可能会触发特定行为。可以参考以下标准配置方式解决此问题： ```xml <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> ``` 如果有额外的需求（如支持 URL Scheme），需确保正确添加必要的 category 和 action 属性[^2]。 --- #### 动态调整图标样式 对于更复杂的 UI 场景，比如允许用户动态切换主题或者更改应用图标颜色等需求，可通过加载本地静态资源的方式实现。建议将所有可能使用的图标存放在 `assets/icons/` 子目录下，并通过修改状态重新渲染组件展示不同效果[^3]。 --- #### 示例代码片段：带显示/隐藏功能的密码框 作为补充案例，这里提供一段简单的登录页密码输入框逻辑供参考： ```dart decoration: InputDecoration( labelText: 'Password', suffixIcon: IconButton( icon: Icon(Icons.remove_red_eye, color: _eyeColor), onPressed: () { setState(() { _isObscure = !_isObscure; _eyeColor = _isObscure ? Colors.grey : Theme.of(context).iconTheme.color; }); }, ), ); ``` 该例子展示了如何利用 `_isObscure` 变量控制密码可见性并同步改变眼睛图标的颜色[^4]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

暴风雨中的白杨

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

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

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

打赏作者

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

抵扣说明：

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

余额充值