概述

這個問題經常看到有同學在問，那麼我們今天分享下怎麼在flutter專案中設定ios的啟動畫面。

在ios中設定啟動畫面有兩種方法，一種是採用StoryBoard設定，一種是直接採用圖片設定，下面來看下兩種方案。

• 開啟工程檔案

開啟ios專案下的XXX.xcworkspace檔案

• 選擇專案設定

針對App Icons and Launch Images 設定,這裡在預設情況下是使用了StoryBoard, StoryBoard是ios中的ui視覺化設計，在專案資料夾中可以找到

點選開啟

注意左邊的選單，在下面的操作中一定要選擇LaunchImage

• 在專案中新增啟動圖片

這裡直接將圖片拖動到專案根目錄下，注意必須是根目錄，不能是其他資料夾，否則圖片出不來。

選擇Copy Items if needed

這個時候，我們加入的資源已經可以選擇了

選擇之後的效果如下：

這裡的效果我們調整一下。先把這個圖片剪下掉，然後貼上一下，這樣，中間的十字線就沒有了。(實際上是清除了本圖片的約束）,約束是ios介面編輯很重要的一個特性，類似於前端的css或者java的佈局，這裡稍微給不熟悉ios的同學解釋下。

編輯圖片的約束，讓它變成全螢幕:

點選螢幕右下角的約束編輯器

上面4個箭頭的地方全部變成0，在點選下面的"Add 4 Constraints'

屬性這裡的Content Mode改成Scal to Fill。

這樣就好看多了，執行一下：

!