Flutter应用启动页设置,解决 白/黑 屏情况

Posted 2023-05-09

参考技术A

出现此情况的原因有两种

解决:
找到 \\app\\src\\main\\res\\drawable\\launch_background.xml 文件，这个里面初始化了布局标签,只需要把图片替换为我们自己的就可以。

或者根据不同手机的分辨率 在mipmap下放置图片例如：

之后前往 styles.xml 文件设置启动页

重新打包就可以看到 刚刚设置的启动页了
效果例如：
[图片上传失败...(image-7e5c2-1586668143446)]

至此可以流畅的打开启动页了

解决 优化 app 启动页 白屏 黑屏问题

1、需求：Android app  启动时 总是黑屏或者白屏 1秒钟   产品 要去改进 体验、

于是 再 启动页 添加了 新的style 配置 成功解决 问题

代码如下：manifest 中app  启动页 ：

   <activity android:name=".WelcomeActivity"
            android:theme="@style/welcome">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

 划重点：

 android:theme="@style/welcome"

style 文件中添加：

  <style name="welcome" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/splash_drawable</item>
        <!--        <item name="android:windowTranslucentStatus">true</item>-->
        <item name="android:windowFullscreen">true</item>
    </style>

splash_drawable 文件内容:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <item android:top="200dp">
        <bitmap
            android:gravity="top"
            android:scaleType="centerCrop"
            android:src="@drawable/splash"
            android:tileMode="disabled" />
    </item>
</layer-list>

需要一张 初始化的整体图片 splash 放在drawable 文件夹下。

 如果解决了你的问题 麻烦点个赞谢谢