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/