iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0

終於到了最後一天的文章拉,在最後一篇文章中,我們來完成最後的事項,也就是換上美美的 icon 拉~

首先請先執行以下指令安裝套件:

flutter pub add flutter_launcher_icons

準備好自己喜歡的 icon 圖檔匯入 assets/images 中,並請開啟 pubspec.yaml

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.0
  flutter_launcher_icons: "^0.13.1"

# 注意縮排
flutter_launcher_icons:
  image_path: "assets/images/icon.png"
  android: "launcher_icon"
  ios: true

完成設定後,請執行以下指令讓該設定生效

flutter pub run flutter_launcher_icons:main -f pubspec.yaml

如此便能成功的將指定的圖檔作為應用程式的圖標拉。

更改App名稱

如果你需要更換應用程式名稱,還需要做以下設定。
如果是 iOS 的開發者,請開啟 ios/Runner/Info.list 檔案,並找到以下設定區塊

<key>CFBundleDisplayName</key>
<string>Micro News</string>

<string>填上你想要的應用程式名稱</string> 重新 build 專案之後便可以成功套用!

如果是 Android 的開發者,請開啟 android/app/src/main/AndroidManifest.xml 檔案,並找到以下的設定區塊

<application
        android:name="${applicationName}"
        android:icon="@mipmap/launcher_icon"
        android:label="Micro News">
<!-- 以下省略 -->

android:label 後面的名稱換成想要的應用程名稱,同樣也是重新 build 專案後便可以成功套用拉。

系列文總結

是時候來為自己 30 天的努力來做個總結拉~很慶幸自己有一直撐到最後!

從一開始在學習 dart 跟 flutter 時,就會面臨到抉擇,究竟應該從了解 dart 語法開始呢還是先熟悉 flutter 的各類 widget 比較重要?

接著又開始思考說,究竟寫系列文章應該要以怎樣的形式來進行。要像工具書那樣一個個的教你每個 widget 的用法呢?還是要以實作為導向從零開始慢慢構築出一個作品?

好險最終我沒有困在這些自我懷疑中,而是順著自己的心意想寫什麼就寫什麼,最後也得到了自己滿意的成果!

感謝觀看、留言與訂閱的讀者們!每天看著逐漸增長的觀看數就是一種莫名的成就感,然後終於不用再有每天趕稿的壓力了 XDD

以上就是小弟第一次參加鐵人賽的所有內容拉~我們明年再見(?

系列文程式碼:https://github.com/ChungHanLin/micro_news_tutorial


上一篇
[Day 29] 進階技巧 - 做一個 Home Widget (實作篇)
系列文
Flutter 從零到實戰 - 30 天の學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言