Flutter 05: 圖解修改應用名稱及圖示

      小菜有個臭毛病就是建立的項目都會優先更改一下項目名稱，按照自己喜歡的名字定義，當然包括 Logo 也修改一下。剛接觸 Flutter，文法都還沒有了解，一切都是未知，單就改個項目名稱也耽誤了不少功夫，現在整理一下。

      Flutter 在建立過程中的 project name 即為預設的應用名稱，現在想要修改，嘗試如下：

預設建立時 project name

解決方式

1. 修改 lib/main.dart 中 title 内容，但是應用的名稱并未修改；小菜了解為應用内名稱，當應用處于切換狀态時，展示的為 title 名稱，而此時桌面應用名稱未改變，如圖：

切換時 title

Flutter Project Name.png

1. 小菜找了好久，以為 Flutter 是跨平台應用，對應 Android 和 iOS 的 project name 是統一修改的，可是小菜我了解錯了，應用名稱是需要在 Android 和 iOS 中分别調整的；Android 是在 AndroidManifest.xml 中修改；iOS 則是在 Info.plist 中修改的；如圖：

   Tip: 在 Android 和 iOS 中項目名稱可以不一緻!

Android Project Name.png

IOS Project Name.png

修改後應用名稱

切換時應用名稱

1. 同樣的，如果需要更改應用的 Logo，同樣是在 Android 和 iOS 中分别調整的；Android 是添加圖檔在 mipmap 檔案夾中，并在 AndroidManifest.xml 中修改；iOS 則是在 AppIcon.appiconset 檔案夾中添加對應 Logo 圖示，并在 Contents.json 中進行配置，如圖：

Change Logo.png

更換 Logo

切換時 Logo

      至此，應用的名稱和 Logo 都已修改成功！

提醒建議

1. 雖然 Android 和 iOS 中項目名稱和 Logo 可以設定内容有差異，但小菜建議：Android/iOS/Flutter->main.dart 中名稱設定為一緻，畢竟是一個應用，還是比對相同為好。

2. Flutter->main.dart 中預設有兩個 title，小菜了解為第一個為應用内名稱，第二個相當于 Activity 頁面标題名稱。

return new MaterialApp (
    title: '輕簽到'   // 應用内名稱
    home: new Scaffold(
        appBar: new AppBar(
            title: new Text('Welcome to Flutter),  // 頁面标題名
        ),
    ),
);
           

      小菜剛接觸 Flutter 還需要不斷學習摸索！

      以下是小菜公衆号，歡迎閑來吐槽〜

公衆号.jpg