在我的公司，我们正在使用 Ionic Framework 和 Cordova 创建我们的移动应用程序，在开始设计应用程序时，我们遇到了 Android 主题以及如何在不触及由 Ionic build 命令生成的 AndroidManifest 的情况下设置它的问题.
我所看到的任何地方都建议从 config.xml 文件实现任何自定义，并且永远不要触摸 AndroidManifest，但我似乎找不到任何有关 Android 主题的方法。
我现在向您提出的问题：有没有办法在不更改生成的 AndroidManifest.xml 的情况下从 Config.xml 为应用程序设置 android 主题，例如 Holo 主题？
【问题讨论】：
从 6.3.0 开始，您现在可以在没有任何第三方插件的情况下执行此操作。只需将其添加到 config.xml
<platform name="android">
<edit-config file="AndroidManifest.xml" target="/manifest/application/activity[@android:label='@string/activity_name']" mode="merge">
<activity android:theme="@android:style/Theme.Translucent"></activity>
</edit-config>
</platform>
对我来说，添加 'xmlns:android="http://schemas.android.com/apk/res/android" ' 到小部件标签也是必要的
<widget id="de.bestellkind.restaurant" version="1.0.0" xmlns:android="http://schemas.android.com/apk/res/android" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
【讨论】：
我知道我迟到了，但 cordova-custom-config 插件只是为了“根据 config.xml 中定义的首选项和配置文件数据更新平台配置文件。”
例如：
安装cordova-custom-config插件：cordova plugin add cordova-custom-config --save
Config.xml：<preference name="android-manifest/application/activity/@android:theme" value="@android:style/Theme.Holo"/>
这会将属性“android:theme”添加到您的 AndroidManfiset --> 应用程序 --> 活动中，其值为：@android:style/Theme.Holo。
【讨论】：
为避免接触平台目录，您可以使用 cordova hook。我在节点上很糟糕，但这里应该可以解决问题。首先npm install elementtree 然后在hooks 文件夹中创建一个子文件夹after_prepare。从那里将此代码粘贴到 javascript 文件中并更改 YourTheme。
老实说，这是一些非常粗俗的代码，但应该会给你一些想法。
#!/usr/bin/env node
var fs = require( "fs" );
var et = require('elementtree');
var rootdir = process.argv[2];
console.log(rootdir);
fs.open(rootdir + '/platforms/android/AndroidManifest.xml', 'r+',
function (err, fd) {
if (err) {
exitError(err);
}
fs.stat(rootdir + '/platforms/android/AndroidManifest.xml', getStats);
function getStats(error, stats) {
if (error) {
exitError(error);
}
var buffer = new Buffer(stats.size);
fs.read(fd, buffer, 0, buffer.length, null, fileRead);
}
function fileRead(error, bytes, buf) {
var data = buf.toString("utf8", 0, buf.length);
var androidXML = et.parse(data);
var root = androidXML.getroot();
var activityTag = root.find("application/activity");
activityTag.attrib["android:theme"] = "@style/YourTheme";
var outputBuffer = new Buffer(et.tostring(root), "utf-8");
console.log(outputBuffer.toString());
fs.closeSync(fd);
fs.open(rootdir + '/platforms/android/AndroidManifest.xml', 'w', writeFile);
function writeFile(error, fd) {
if (error) {
exitError(error);
}
fs.write(fd, outputBuffer, 0, outputBuffer.length, 0, function( errw, written, str) {
if (errw) {
exitError(errw);
}
console.log('file written');
fs.close(fd);
});
}
}
});
function exitError(error) {
console.log(error);
process.exit(0);
}
【讨论】：
您可以使用 Header Color 插件：
安装插件：
$ ionic cordova plugin add cordova-plugin-headercolor
$ npm install --save @ionic-native/header-color
将配置添加到 config.xml
<preference name="HeaderColor" value="#becb29" />
【讨论】：