Flutter--- 啟動頁

最近看見好多人都在用Flutter，這幾天也把玩下，閑話少敘，切入正題：

寫一個啟動頁：

第一：配置flutter 環境這個不講了 https://flutterchina.club/get-started/install/ 這個網站上都有我是Android 開發者習慣用AS 首先創建一個AS 工程，保證能正常運行
第二：在pubspec.yaml中引用第三方庫

   flutter_splash_screen: ^0.1.0 

然后 flutter packages get 安裝

Android：添加MainActivity文件中加入

在AndroidManifest.xml配置文件中加入如下代碼 防止原生與flutter之間有黑屏

         <meta-data
            android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
            android:value="true" /> 

打開Android 工程下面的資源目錄下的style.xml文件，將如下代碼加入啟動主題當中

        <item name="android:windowIsTranslucent">true</item>

IOS：不需要設置

第三：設置啟動布局

Android 設置啟動布局 在資源文件下建立（一般新建的工程沒有這個目錄，有就不用建了）layout目錄，然后建launch_screen.xml這個名字的布局文件，至於布局各位就看看Android的xml布局吧

IOS設置 LaunchScreen.storyboard這個文件 ，然后也搞個簡單布局

第四：在main.dart 中引入包 ，設置動畫時長

     import 'package:flutter_splash_screen/flutter_splash_screen.dart';

第五：看下運行效果