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';

第五：看下运行效果

相关文章