第android
89
ios
次推文
web
LZ-Saysjson
追隨雞老大，點滴積累～微信
前言app
對於什麼都不懂直接上手 Flutter 開發的小 Android 而言，想要保證進度的同時還能幫助公司小夥伴，只能晚上熬夜補褲襠，各類翻閱官方以及前輩的文章。
flex
仍是但願本身整理一份屬於本身的東西，若干年後，點擊查看，還能回想起如今艱辛討生活的本身如何在帝都各類熬夜，而後和孩子吹牛逼～ 😂😂😂網站
動筆前，猶豫很久，要怎麼樣轟轟烈烈來篇記錄呢？想一想各位掘金大佬，仍是不得瑟了，依舊項目狀況，整理本身的 Flutter 筆記，而後慢慢進行了解 Flutter 吧～ui
附上以前基於 macOS 配置 Flutter 連接，方便往後本身查看：this
加油呀，萬一一不當心優秀了呢～
1、移動端 Icon 替換
1. Android 修改應用圖標
經過 Android Studio 打開 Flutter 中 android Module，右鍵選擇 「New ===> Image Asset」：
隨後打開對應 Icon，調整大小：
此時會自動爲你在不一樣的分辨率下生成對應的 Icon：
調整 AndroidManifest 文件：
<application android:name="io.flutter.app.FlutterApplication" android:icon="@mipmap/ic_launcher" android:label="studyapp" android:roundIcon="@mipmap/ic_launcher_round"> <!-- 添加對於圓形 Icon 支持 -->
2. iOS 修改應用圖標
找了個圖標生成網站：
icon.wuruihong.com/
上傳對應的 Icon 選擇生成的一些基本參數，這裏感受默認就夠用了：
隨後選擇默認開始生成：
隨後查看效果，生成速度很快～
接下來用 Xcode 打開對應的 ios module，替換對應資源：
下載已生成的圖標，選取 iOS 圖標資源複製到如下地址中：
ios ===> Runner ===> Assets.xcassets ===> AppIcon.appiconset
隨後替換 Contents.json 文件便可。
倆者一對比，仍是 Android 好，哈哈哈～
2、移動端啓動頁處理
1. Android 修改啓動頁
Step 1：爲 Android Style 中新增全屏樣式：
<?xml version="1.0" encoding="utf-8"?><resources> <!-- Fullscreen Style --> <style name="FullScreenTheme" parent="@android:style/Theme.Black.NoTitleBar"> <item name="android:windowFullscreen">true</item></style>
<!-- Theme applied to the Android Window while the process is starting --> <style name="LaunchTheme" parent="FullScreenTheme"> <!-- Show a splash screen on the activity. Automatically removed when Flutter draws its first frame --> <item name="android:windowBackground">@drawable/launch_background</item></style> <!-- Theme applied to the Android Window as soon as the process has started. This theme determines the color of the Android Window while your Flutter UI initializes, as well as behind your Flutter UI while its running.
This Theme is only used starting with V2 of Flutter's Android embedding. --> <style name="NormalTheme" parent="FullScreenTheme"> <item name="android:windowBackground">@android:color/white</item></style></resources>
查看下面截圖可看詳細目錄地址：
Step 2：修改 launch_background 文件
先把 UI 給你提供的啓動頁圖片對應的放在 drawable 中。
隨後開啓定義你的啓動頁圖片：
<?xml version="1.0" encoding="utf-8"?><!-- Modify this file to customize your launch splash screen --><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" />
<!-- You can insert your own image assets here --> <item> <bitmap android:gravity="fill" android:src="@drawable/launch_image" /> </item></layer-list>
Step 3：運行查看效果
效果以下，我這是隨便反編譯一個 Apk 拿到的啓動圖：
2. iOS 修改啓動頁
這塊我以爲 iOS 還蠻不錯的，很 easy，替換下面的三張圖就好：
效果都同樣，這裏就不放置效果圖咯。
有個坑點就是少用模擬器，模擬器運行發現會有較長一段時間白屏，實際運行真機則沒有這個問題。鬱悶了我。
3、修改應用名稱
1. 修改 Android 應用名稱
按照以下地址，打開 AndroidManifest 並修改 application 節點下的 android:label 內容便可：
android ===> app ===> src ===> main ===> AndroidManifest
2. 修改 iOS 應用名稱
按照以下地址修改 info.plist 中的 CFBundleName 值：
ios ===> Runner ===> Info.plist ===> CFBundleName
Thanks
添加資源和圖片
App Icon
歡迎各位關注
不按期發佈
見證成長路
本文分享自微信公衆號 - 賀利權（hlq_struggle）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。