如何解决TWA闪屏结束后自定义标签页加载前的白屏闪烁问题

你推测的完全正确——这个白屏闪烁确实发生在自定义标签页Activity的挂载过程中。当闪屏Activity销毁后，系统会启动你的TWA自定义标签页Activity，但在新Activity的窗口完成初始化、WebView开始渲染网页内容前，系统会显示Activity主题的默认窗口背景。你使用的Theme.AppCompat.Light.NoActionBar主题默认背景是白色，这就导致了闪屏结束后的白屏突兀闪烁。

下面是几个针对性的解决方案：

1. 给自定义标签页Activity设置与闪屏一致的窗口背景 #

这是最直接的修复方式，让新Activity在初始化阶段显示和闪屏相同的背景，避免颜色突变：

• 新建一个专属自定义标签页的主题，继承你原本的TWA基础主题，同时复用闪屏的背景资源（或设置一致的纯色背景）：

<style name="Theme.TwaTabHost" parent="你的TWA基础主题">
    <item name="android:windowNoTitle">true</item>
    <item name="android:backgroundDimEnabled">false</item>
    <!-- 复用闪屏的drawable，或直接设置和闪屏一致的颜色 -->
    <item name="android:windowBackground">@drawable/splash</item>
</style>

• 在AndroidManifest.xml中，给你的自定义标签页Activity指定这个主题：

<activity
    android:name=".YourCustomTabActivity"
    android:theme="@style/Theme.TwaTabHost">
    <!-- 其他配置项 -->
</activity>

2. 延迟关闭闪屏Activity，直到WebView开始渲染内容 #

通过监听WebView的加载状态，等网页内容开始渲染后再关闭闪屏，彻底消除中间的空白期：

• 在自定义标签页Activity中，给WebView设置WebViewClient，监听加载启动的回调，然后通过广播通知闪屏Activity关闭：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        super.onPageStarted(view, url, favicon);
        // 发送广播通知闪屏关闭
        sendBroadcast(new Intent("com.your.app.ACTION_FINISH_SPLASH"));
    }
});

• 在闪屏Activity中注册广播接收器，收到通知后再执行finish()：

private BroadcastReceiver splashFinishReceiver = new BroadcastReceiver() {
    @Override
    public void onReceive(Context context, Intent intent) {
        finish();
    }
};

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    registerReceiver(splashFinishReceiver, new IntentFilter("com.your.app.ACTION_FINISH_SPLASH"));
    // 此处不要立即调用finish，等待广播通知
}

@Override
protected void onDestroy() {
    super.onDestroy();
    unregisterReceiver(splashFinishReceiver);
}

3. 优化WebView初始化流程 #

提前初始化WebView，减少Activity启动时的等待时间：

• 在Application类中开启子线程预初始化WebView（避免阻塞主线程）：

public class MyApp extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        new Thread(() -> {
            WebView webView = new WebView(this);
            webView.getSettings().setJavaScriptEnabled(true);
            // 提前配置常用的WebView设置
        }).start();
    }
}

• 同时给WebView设置初始背景色，和闪屏背景保持一致：

webView.setBackgroundColor(getResources().getColor(R.color.splash_black));

按照以上方案调整后，就能有效解决闪屏到自定义标签页之间的白屏闪烁问题。

内容的提问来源于stack exchange，提问作者Jamie