flutter material中的Icon组件的IconData 查阅

已于 2025-04-24 10:49:52 修改
阅读量1.8k 收藏 3
点赞数 10
文章标签： flutter
于 2024-04-15 16:18:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43575775/article/details/137785387
版权
本文介绍了如何在Android应用中使用GoogleFonts库中的MaterialSymbolsOutlined图标，并展示了如何设置颜色。开发者可以借助这些图标提升应用界面的可读性和设计一致性。

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

flutter系统自带的IconData

查阅

https://fonts.google.com/icons?selected=Material+Symbols+Outlined:expand_less:FILL@0;wght@300;GRAD@0;opsz@24&icon.platform=androidhttps://fonts.google.com/icons?selected=Material+Symbols+Outlined:expand_less:FILL@0;wght@300;GRAD@0;opsz@24&icon.platform=android

使用

const Icon(Icons.add,color: Colors.white)

font_awesome_flutter 

font_awesome_flutter | Flutter package

Find Icons with the Perfect Look & Feel | Font Awesome

Hugeicons字体库

hugeicons | Flutter package

Hugeicons - 40,000+ Beautiful Icons

Flutter中Padding、Row 、Column 、Expanded 组件详解
越陌度阡
12-20 1853
1.Paddiing 组件 在 html 中常见的布局标签都可以使用padding 属性，但是 Flutter 中很多 Widget 是没有 padding 属 性，这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。 常见属性： 1. padding：内边距值。值类型EdgeInsets； 2.child：子组件。任意类型； 代码示例： import 'package:flutter/material.dart'; void main(){ runApp(My...
Flutter ListView基础列表组件、水平列表组件、图标组件、ListView动态列表组件 以及循环动态数据.zip
06-03
关于移动端框架Flutter的一些常见组件的介绍，包括PPT及源码。 此资源相关组件介绍：ListView基础列表组件、水平列表组件、图标组件、ListView动态列表组件 以及循环动态数据
【Flutter】四、Flutter之Icon
MAXLZ的博客
08-23 1662
【Flutter】Flutter之Icon一、Icon构造器二、Icon属性说明三、使用IconFont四、示例代码 APP中难免要使用Icon图标，本文将介绍如何在Flutter中使用Iconfont及自带Icon的使用。 Flutter中自带的Icon可以去这里看：https://material.io/tools/icons/ 使用Icon可以创建我们所需要的图标。 一、Icon构造器 ...
Flutter 生成 Icon 提示徽标 Widget
cppphp的专栏
02-12 1924
程序中有时为了向用户提供一些附加状态，常在 Icon 的角上用附加图标来展示，如比较常见的数字红点徽标，我们今天并不实现红点徽标，而是用缩小的Icon 做提示徽标，以展示其它的一些状态，如我的“蘑菇仪表”app中有一个 IconButton Flutter 并没有提供现成的 Icon 提示徽标 Widget，当然可以用第三方库来实现，但用现成的轮子有时也并不一定方便，其实实现这个功能非常简单 ...
flutter Icon一览表，使用字符映射表查看所有图标并使用
qq_17432441的博客
07-02 2271
flutter Icon一览表，使用字符映射表查看所有图标并使用 flutter icon本质上是文字，可以使用字符映射表来查看所有图标 将flutter icon安装到自己的电脑上 打开你的flutter sdk安装目录，找到图标文件flutter\bin\cache\artifacts\material_fonts\MaterialIcons-Regular.ttf直接双击安装 打开电脑上的字符映射表，一般在附件里 选择Meterial Icons 就能看到所有的flutter图标
Flutter组件-Icon-IconData-字体图标
亢少军的博客
01-31 1万+
防采集标记：亢少军老师的课程和资料 字体图标效果图 步骤1 下载react-native-vector-icons 找到dist目录下的FontAwesome.ttf文件把它copy到工程的fonts目录下。 步骤2 在pubspec.yaml里添加字体配置 fonts: - family: FontAwesome fonts: - asset: fonts/...
flutter中Material的图标查询
m0_47265814的博客
10-27 651
有没有再用Material 的时候查不到想要的图标呢 这位大佬给了详细的介绍 https://www.aliyue.net/9310.html
【Flutter】基础组件：图标
最新发布
2303_80346267的博客
10-19 2766
在 Flutter 中，图标（Icon）是构建用户界面时常用的组件。它们通常用于按钮、导航栏、列表等地方，以传达功能或状态信息。Flutter 提供了丰富的图标库和灵活的自定义能力，能够满足绝大多数应用的需求。本文将详细介绍 Flutter 中的 `Icon` 组件的用法，图标库的使用方法，以及如何自定义图标。
flutter组件分类
Bidding
08-07 1086
使用场景：获取组件大小和相对于屏幕的坐标获取组件相对于某个父组件的坐标延伸：Flutter 的build 和 layout 是可以交错执行的，并不是严格的按照先 build 再 layout 的顺序。Sliver布局协议Viewport将当前布局和配置信息通过SliverConstraints传递给SliverSliver 确定自身的位置、绘制等信息，保存在 geometry 中（一个 SliverGeometry 类型的对象）
2024 年最佳开源 Flutter 图标库
hongfu951的专栏
08-18 1453
选择合适的图标库对于提升用户界面和简化 Flutter 应用程序的开发过程至关重要。在本文中，我们将探讨一些2024年最佳的 Flutter 图标库，包括 Hugeicons Pro、Material Icons、Feather Icons 等，帮助你为项目找到完美的图标。
Flutter的MaterialDesignIcon包自动生成
08-10
An auto-generated Material Design Icon package for Flutter
Flutter Icons内置图标库MaterialIcons大全
{丸の子}
10-17 1682
只因网站太难打开，所以在这放预览图给各位客官解解馋。
Flutter 中的 Icon 小部件：全面指南
smileKH的博客
05-15 3940
Icon是 Flutter 中用于展示图标的小部件。它通常与图标数据（如字体图标）一起使用，可以很容易地集成到各种用户界面元素中。Flutter 自带了一套 Material Icons 和 Cupertino Icons，分别对应于 Material 和 iOS 设计语言。使用图片作为图标：通过ImageIcon使用图片文件作为图标。ImageIcon(使用自定义字体图标：通过指定字体文件和图标对应的unicode字符来使用自定义字体图标。Icon(
flutter Icons全部图标
developer_zhao的博客
02-24 3万+
有的时候想使用图标却不知道有没有该图标,记录下网址: https://material.io/tools/icons/?icon=account_balance&style=baseline
Flutter Icons 内置图标库，全套Material图标
华山论码
09-16 2万+
Icon(Icons.access_alarm)
【Flutter 问题系列第 20 篇】如何预览所有的 icon
“Allen Su”的博客
06-05 1702
Fluuter 中如何查看所有的 icon
Flutter Icon、ImageIcon、IconButton参数详解
热门推荐
陈英有
11-30 3万+
1.继承关系 Icon:            Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Icon ImageIcon:  Object > Diagnosticable > DiagnosticableTree > Widget > ...
Flutter拓展 图标库（Icon）
qq_27494201的博客
11-18 1101
点击查看
flutter IconData 正确图标
05-27
Flutter中的图标是使用IconData类来表示的。使用正确的IconData类可以确保您获得所需的图标。 例如，要使用Material Design中的“home”图标，您应该使用以下代码： ``` Icon(Icons.home); ``` 如果您想使用自定义图标，可以使用自定义字体文件生成相应的IconData类。您可以使用Flutter的内置工具flutter pub run flutter_launcher_icons:main来生成自定义字体文件。 一些常用的Material Design图标及其对应的IconData类： - home: Icons.home - search: Icons.search - settings: Icons.settings - person: Icons.person - favorite: Icons.favorite - camera: Icons.camera_alt - email: Icons.email - phone: Icons.phone - map: Icons.map - shopping cart: Icons.shopping_cart 您可以在Flutter的官方文档中找到更多的图标和它们对应的IconData类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

肥肥呀呀呀

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

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

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

打赏作者

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

抵扣说明：

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

余额充值