[Flutter] 在Flutter上使用系統 Icon (小圖示)的正確方式

在某些網站上會使用下面這種方式匯入Icon

IconData(0xe5c4, fontFamily: 'MaterialIcons');

某一天我開啟公司某個專案,看到完全混亂的Icon

專案裡上百個Icon沒有一個對,差點崩潰

我在Github上面看到這個

Do not use IconData with MaterialFonts directly as the codepoints (e.g. 51234) can change as often as every stable release. Instead, use Icon.<name>. 

大概是不要用上面那種方式,因為只要版本更新後代號代表的Icon可能會改變


可能是因為這個專案太舊了,所以Flutter更新後它代表的Icon也被更新了

以前應該要長這樣:


現在變成:


正確的使用方式應該是先到Material Design這個網站上選好要用的Icon,點開右側選擇Flutter就會顯示程式碼讓你直接複製到專案上面


貼上後就會直接看到縮圖

註:若是Flutter SDK內的icon.dart不對,則可能是Flutter版本不對,更新後應該就可以了

好了不說了我要一個一個慢慢改Icon了...

留言