Flutter淘寶App添加啓動圖最簡單實現方法

不說複雜的，就談你可能會遇到的問題
本人文字和表達水平通常，因此可能打錯字或寫錯，還請見諒

Flutter是移動跨平臺的UI框架，一份代碼便可在Android和iOS上一致的體驗，可是有一些仍是須要咱們去修改iOS和Android代碼才能實現的，好比今天要說的啓動圖！

Flutter默認是沒有啓動圖的，因此打開App是閃現的界面就是一個白屏，一個體驗好的App確定是須要啓動圖的。

目前使用Flutter開發的應該大部分是iOS或Android的開發者，要麼會Android，要麼會iOS，對於涉及修改啓動圖，可能就有點一臉懵逼了。這篇文章我會教你們給App添加啓動圖最簡單的方法，相信會給你帶來幫助！

完整示例請看 GitHub：Flutter 淘寶App

1、iOS啓動圖設置

一、添加啓動圖

首先咱們打開工程
找到Assets.xcassets這個文件
打開後點擊+
再點擊New Image Set
給圖片命名 而後分別添加@2x、@3x圖片

@1x圖片就不須要了，在iPhone 3GS上才須要

二、設置啓動圖

Xcode已經給咱們默認生成了LaunScreen.storyboard，經過這個文件咱們就能夠修改啓動圖了。
步驟以下圖因此，再次運行，你會發現啓動圖再也不是白屏了。

注意要修改圖片的Content Mode爲Scale To Fill

2、Android啓動圖設置

一、添加啓動圖

打開res目錄，路徑爲android/app/src/main/res
將你的啓動圖依次添加到mipmap目錄中

圖片的尺寸能夠都同樣

設置啓動圖

打開res目錄下drawable目錄
打開launch_background.xml文件
添加以下代碼

//這樣寫能夠經過圖片鋪滿整個屏幕，不一樣屏幕可能會有拉伸
<item android:drawable="@mipmap/launch_image"></item>
複製代碼