Advertisement

Flutter app启动页（闪屏页）白屏解决方案

阅读量：

Flutter app启动页（闪屏页）白屏解决方案

    • 1.集成
    • 2.执行
    • 3.在pubspec.yaml中添加
    • 4.终端输入命令

使用flutter_native_splash 插件

该插件的位置可通过访问访问插件地址来获取

该包能够自动生成Android及iOS端的滑屏页面代码，并且支持在图像和背景色方面进行定制化设置。

1.集成

复制代码 
    dev_dependencies:
      flutter_native_splash: ^0.1.9

2.执行

复制代码 
    flutter pub get

or

在这里插入图片描述

3.在pubspec.yaml中添加

复制代码 
    flutter_native_splash:
    image: images/logo.png
    color: "#ffffff"
    android_disable_fullscreen: true  //安卓下禁止全屏

例：

在这里插入图片描述

4.终端输入命令

复制代码 
    flutter pub pub run flutter_native_splash:create

注：在Xcode工程中选择LaunchScreen.storyboard并将其与刚刚生成的图像进行连接或关联；如有必要调整ImageView的布局。

全部评论 (0)

还没有任何评论哟~

相关文章推荐

Flutter app启动页（闪屏页）白屏解决方案

Flutterapp启动页（闪屏页）白屏解决方案 1.集成 2.执行 3.在pubspec.yaml中添加 4.终端输入命令 使用flutternativesplash插件 访问插件地址 https:...

android app启动页（闪屏页）白屏快速优化方案实践

3.特别说明 本文就不聊zygote创建进程运行app的那一堆原理来班门弄斧了，只谈一谈解决问题最简单的方法，对原理有兴趣的可以自行翻阅【参考文献】中的相关文档。

android app启动页（闪屏页）白屏快速优化方案实践

2.存在问题 引用一张[探索Android启动优化方法]中的app冷启动流程示意图： 由启动图可知：打开app时，系统要加载一个空白window，创建进程，初始化app（启动应用），最后才加载启动页布...

android app启动页（闪屏页）白屏快速优化方案实践

android:layoutheight=“matchparent” android:background=“@drawable/bgsplashsnow” tools:context=“.activ...

android app启动页（闪屏页）白屏快速优化方案实践

@drawable/bgsplashsnow @drawable/bgsplashsnow改为你自己的背景图 启动页activity的onCreate方法回调中，将window的背景图置空，代码如下：...

android app启动页（闪屏页）白屏快速优化方案实践

创建一个启动页界面，布局里设置背景为一张图片，并放一个textview： classSplashActivity:AppCompatActivity overridefunonCreatesavedI...

android app启动页（闪屏页）白屏快速优化方案实践

本文要做的，一步一步解决显示白屏的问题。 3.特别说明 本文就不聊zygote创建进程运行app的那一堆原理来班门弄斧了，只谈一谈解决问题最简单的方法，对原理有兴趣的可以自行翻阅【参考文献】中的相关文...

Flutter编译到鸿蒙启动页闪白屏解决

我把现在的Flutter项目编译到鸿蒙NEXT了，基本上可以完美，但是，开机闪屏页总是会闪一下白页面，然后再进入到Flutter页面里。 解决办法： 第一步：首先先了解一下鸿蒙NEXT的启动原理，看m...

Flutter启动页黑屏的解决方案

在编写Flutter应用的时候这个问题困扰了我几天的时间。到网上去搜索答案，千篇一律的都是在AndroidManifest添加metadata <metadata android:name=io.fl...

App 启动页(Splash)黑、白闪屏现象解决办法

1、修改主题增加启动闪屏图片 <stylename=ThemeSplashparent=Theme.AppCompat.Light.NoActionBar <itemname=android:back...