Flutter图标库fluentui_system_icons

举报
坚果的博客 发表于 2022/01/15 23:17:10 2022/01/15
【摘要】 今天给大家带来一个Flutter图标库fluentui_system_icons是 Microsoft 的现代图标的集合,大家可以在自己的下个项目中体验,整体还不错,作者:坚果公众号:"大前端之旅"华为云享专家,InfoQ签约作者,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。接下来我...

今天给大家带来一个Flutter图标库fluentui_system_icons是 Microsoft 的现代图标的集合,大家可以在自己的下个项目中体验,整体还不错,


作者:坚果

公众号:"大前端之旅"

华为云享专家,InfoQ签约作者,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。


接下来我们看一下如何使用

1.安装

flutter pub add fluentui_system_icons
​

或者

dependencies:
  fluentui_system_icons: ^1.1.154

flutter pub get.

2.导入

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

3.使用


import 'package:fluentui_system_icons/fluentui_system_icons.dart';
​
class MyFlutterWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return IconButton(
      // Use the FluentIcons + name of the icon you want
        icon: Icon(FluentIcons.access_time_24_regular),
        onPressed: () { print("Button pressed"); }
    );
  }
}


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。