Flutter--- 启动页

2020-03-13 10:00:13 阅读：369 来源： 互联网

标签：xml 启动 screen 布局 Flutter splash Android 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';

第五：看下运行效果

标签：xml,启动,screen,布局,Flutter,splash,Android,flutter
来源： https://www.cnblogs.com/wpt80/p/12484373.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Flutter--- 启动页