Flutter 05: 圖解修改應(yīng)用名稱及圖標(biāo)

??????小菜有個(gè)臭毛病就是新建的項(xiàng)目都會優(yōu)先更改一下項(xiàng)目名稱,按照自己喜歡的名字定義,當(dāng)然包括 Logo 也修改一下。剛接觸 Flutter,語法都還沒有了解,一切都是未知,單就改個(gè)項(xiàng)目名稱也耽誤了不少功夫,現(xiàn)在整理一下。
??????Flutter 在新建過程中的 project name 即為默認(rèn)的應(yīng)用名稱,現(xiàn)在想要修改,嘗試如下:

默認(rèn)創(chuàng)建時(shí) project name

解決方式

  1. 修改 lib/main.dart 中 title 內(nèi)容,但是應(yīng)用的名稱并未修改;小菜理解為應(yīng)用內(nèi)名稱,當(dāng)應(yīng)用處于切換狀態(tài)時(shí),展示的為 title 名稱,而此時(shí)桌面應(yīng)用名稱未改變,如圖:
切換時(shí) title
Flutter Project Name.png
  1. 小菜找了好久,以為 Flutter 是跨平臺應(yīng)用,對應(yīng) Android 和 iOS 的 project name 是統(tǒng)一修改的,可是小菜我理解錯(cuò)了,應(yīng)用名稱是需要在 Android 和 iOS 中分別調(diào)整的;Android 是在 AndroidManifest.xml 中修改;iOS 則是在 Info.plist 中修改的;如圖:
    Tip: 在 Android 和 iOS 中項(xiàng)目名稱可以不一致!
Android Project Name.png
IOS Project Name.png
修改后應(yīng)用名稱
切換時(shí)應(yīng)用名稱
  1. 同樣的,如果需要更改應(yīng)用的 Logo,同樣是在 Android 和 iOS 中分別調(diào)整的;Android 是添加圖片在 mipmap 文件夾中,并在 AndroidManifest.xml 中修改;iOS 則是在 AppIcon.appiconset 文件夾中添加對應(yīng) Logo 圖標(biāo),并在 Contents.json 中進(jìn)行配置,如圖:
Change Logo.png

更換 Logo
切換時(shí) Logo

??????至此,應(yīng)用的名稱和 Logo 都已修改成功!

提醒建議

1. 雖然 Android 和 iOS 中項(xiàng)目名稱和 Logo 可以設(shè)置內(nèi)容有差異,但小菜建議:Android/iOS/Flutter->main.dart 中名稱設(shè)置為一致,畢竟是一個(gè)應(yīng)用,還是匹配相同為好。
2. Flutter->main.dart 中默認(rèn)有兩個(gè) title,小菜理解為第一個(gè)為應(yīng)用內(nèi)名稱,第二個(gè)相當(dāng)于 Activity 頁面標(biāo)題名稱。
return new MaterialApp (
    title: '輕簽到'   // 應(yīng)用內(nèi)名稱
    home: new Scaffold(
        appBar: new AppBar(
            title: new Text('Welcome to Flutter),  // 頁面標(biāo)題名
        ),
    ),
);

??????小菜剛接觸 Flutter 還需要不斷學(xué)習(xí)摸索!


來源:阿策小和尚

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容