Cordova应用中如何向CLI动态生成的themes.xml添加windowSplashScreenBehavior配置

嘿，我之前也碰到过Cordova编译时自动生成themes.xml，手动改完一编译又被覆盖的糟心事，给你几个亲测有效的解决办法，不用每次都手动折腾：

方法一：用config.xml的直接修改 #

这是最直接的方式，利用Cordova的内置配置功能，在编译时自动合并你需要的配置到生成的themes.xml里：

• 打开项目根目录的config.xml，找到<platform name="android">节点，在里面添加以下代码：

<edit-config file="app/src/main/res/values/themes.xml" mode="merge" target="/resources/style[@name='AppTheme.NoActionBar']">
    <item name="android:windowSplashScreenBehavior">icon_preferred</item>
</edit-config>

注意：你需要先编译一次项目，打开生成的platforms/android/app/src/main/res/values/themes.xml，确认里面的目标主题名称（比如有的项目是AppTheme，有的是LauncherTheme），把target属性里的AppTheme.NoActionBar替换成你项目实际的主题名，不然会匹配不到节点导致修改失败。

方法二：用Cordova钩子脚本自动修改 #

如果因为路径、优先级或者主题结构问题不生效，钩子脚本是更灵活的方案，它能在编译过程的指定阶段自动修改文件：

1. 在项目根目录的hooks文件夹下，新建after_prepare子目录（如果没有hooks文件夹就自己创建）；
2. 在after_prepare里新建一个脚本文件，比如01_update_themes_xml.js，把下面的代码复制进去：

const fs = require('fs');
const path = require('path');

module.exports = function(context) {
    // 定位到生成的themes.xml路径
    const themesPath = path.join(context.opts.projectRoot, 'platforms/android/app/src/main/res/values/themes.xml');
    if (fs.existsSync(themesPath)) {
        let content = fs.readFileSync(themesPath, 'utf8');
        // 先检查是否已经添加过配置，避免重复写入
        if (!content.includes('android:windowSplashScreenBehavior')) {
            // 匹配目标主题节点，这里以AppTheme.NoActionBar为例，记得替换成你项目的主题名
            const targetStyleRegex = /<style name="AppTheme\.NoActionBar"[^>]*>([\s\S]*?)<\/style>/;
            content = content.replace(targetStyleRegex, (fullMatch, innerContent) => {
                return `<style name="AppTheme.NoActionBar" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">\n    ${innerContent.trim()}\n    <item name="android:windowSplashScreenBehavior">icon_preferred</item>\n</style>`;
            });
            fs.writeFileSync(themesPath, content, 'utf8');
            console.log('✅ 成功为themes.xml添加windowSplashScreenBehavior配置');
        }
    }
};

3. 给脚本添加执行权限（Linux/macOS下在终端运行chmod +x hooks/after_prepare/01_update_themes_xml.js，Windows用户可以跳过这一步）；
4. 下次编译项目时，脚本会自动帮你修改themes.xml，不用手动操作。

方法三：自定义主题文件并指定使用 #

如果上面两种方法都不适合，你可以直接定义自己的主题，让Cordova使用你自定义的主题而不是自动生成的：

1. 在项目根目录新建resources/android/res/values目录，然后创建custom_themes.xml文件，内容如下：

<resources>
    <style name="CustomSplashTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
        <item name="android:windowSplashScreenBehavior">icon_preferred</item>
        <!-- 这里可以添加其他你需要的主题配置 -->
    </style>
</resources>

2. 打开config.xml，在<platform name="android">节点里添加以下代码，把自定义主题文件复制到编译目录，并让MainActivity使用这个主题：

<resource-file src="resources/android/res/values/custom_themes.xml" target="app/src/main/res/values/custom_themes.xml" />
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity[@android:name='MainActivity']">
    <activity android:theme="@style/CustomSplashTheme" />
</edit-config>

这样Cordova编译时就会使用你定义的主题，里面的windowSplashScreenBehavior配置自然就生效了。

备注：内容来源于stack exchange，提问作者Vero