启动白屏问题解决与启动屏开发,折叠屏适配,全屏幕适配

启动白屏问题解决与启动屏开发

添加这个插件的依赖

dependencies:
flutter_splash_screen: ^0.3.0

打开android模式的MainActivity
如果目录上没有显示该插件的包
在File=>Project Structure里的Modules有显示把该插件的包里的Compile Sdk Version的API改成和自己的app的API相同,然后目录上就会显示出来了并且可以调用.

一定要放在super之前,
fullScreen代表是否要全屏

添加launch_screen.xml

在里面添加一张图片

创建colors.xml,如果有colors.xml则不用创建

加上

<resources>
    <color name="primary_dark">#000000</color>
</resources>

在style.xml上加上透明背景

关闭启动屏图片,在首页的initState()

如果要延时就加上

Future.delayed(Duration(milliseconds: 600), () {
      FlutterSplashScreen.hide();
    });

IOS
把图片放到这个目录


在这个文件里面,改成启动页面的图片

全屏幕适配

方案1 只需要引入SafeArea

方案2 需要借助MediaQuery.of(context).padding
由于MediaQuery不能直接放在runApp里面,所有需要单独创建一个组件

android全面屏适配
在application里面添加

       <meta-data
           android:name="android.max_aspect"
           android:value="2.3" />

如果使用了Scaffold的appBar与bottomNavigationBar的页面是不需要额外适配的,Scaffold框架会自动帮我们完成这些适配工作

折叠屏适配