flutter Icons全部图标

原创developer_zhao 最后发布于2019-02-24 10:46:00 阅读数 13410 收藏
展开
有的时候想使用图标却不知道有没有该图标,记录下网址:

https://material.io/tools/icons/?icon=account_balance&style=baseline
————————————————
版权声明：本文为CSDN博主「developer_zhao」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/developer_zhao/article/details/87900809

 

 

在Flutter中我们可以通过 Icon组件来加载图标，但是Flutter中有很多的图标，如果我们想知道每个图标具体叫什么名字，这个时候就可以参考下面地址.

 

https://pub.flutter-io.cn/packages/cupertino_icons

 

 

Flutter Icons图标库地址1：

https://material.io/tools/icons/?icon=account_balance&style=baseline

Flutter Icons图标库地址2

http://fluttericon.com/

Flutter仿京东商城项目： https://www.itying.com/goods-1120.html

 

flutter中Icons的所有图标资源列表

 

链接地址：https://material.io/tools/icons/

 

材料图标是令人愉快的，精美的符号，用于常见操作和项目。

在桌面上下载，在Android，iOS和Web的数字产品中使用它们。

 

 

所有在flutter的Icons中的图标名称和样式都在上面，

注意：不包含CupertinoIcons

 

调用方法:

 

Icon(Icons.home),

完整demo:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: MaterialApp(
        title: 'Icons调用',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(primarySwatch: Colors.blue),
        home: Scaffold(
          appBar: AppBar(
            title: Text('Icons调用'),
            centerTitle: true,
          ),
          body: Center(
            child: Icon(Icons.home),
          ),
        ),
      ),
    );
  }
}

链接地址：https://material.io/tools/icons/