Cordova 是一个让开发者能够使用 web 技术进行开发的移动应用程序（hybrid app）平台。而 cordova-plugin-android-fullscreen 可以让你在 Cordova 项目中使用全屏模式，隐藏 Android 操作栏，以便你的 app 可以在全屏下更好的展示。
本篇文章将详细介绍 cordova-plugin-android-fullscreen 的使用方法，包括安装、配置、使用和示例代码。如果你是前端开发者，特别是想要使用 Cordova 开发移动 app 的开发者，那么这篇文章一定会对你有帮助。
安装
在开始安装之前，确保你已经安装了 Cordova 环境。如果没有，请先前往 Cordova 官网 安装最新版本的 Cordova。
安装 cordova-plugin-android-fullscreen 非常简单，只需使用以下命令：
cordova plugin add cordova-plugin-android-fullscreen
配置
当你安装完 cordova-plugin-android-fullscreen 后，需要对其进行配置才能正常使用。首先需要修改 Cordova 项目中的 AndroidManifest.xml 文件，使其支持全屏显示。打开 AndroidManifest.xml 文件，在 <application> 标签中添加以下属性：
<application ...
android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
android:windowFullscreen="true"
>这将使你的 app 进入全屏模式。
使用
当你安装并配置好 cordova-plugin-android-fullscreen 后，就可以在 Cordova 项目中使用它了。在你的 JavaScript 代码中，使用以下语句来隐藏 Android 操作栏：
AndroidFullScreen.immersiveMode(successFunction, errorFunction);
其中，successFunction 和 errorFunction 分别是成功和失败回调函数。你可以将它们省略，这将默认使用空函数，并忽略任何返回值。
示例代码
以下是一个示例，它演示了如何使用 cordova-plugin-android-fullscreen 在 Cordova 项目中隐藏 Android 操作栏：
document.addEventListener("deviceready", function() {
AndroidFullScreen.immersiveMode(function() {
console.log("Immersive mode success");
}, function() {
console.log("Immersive mode failed");
});
});以上代码将在设备就绪时调用 immersiveMode 方法，以隐藏 Android 操作栏。如果隐藏成功，将输出 “Immersive mode success”，否则输出 “Immersive mode failed”。
总结
通过本文，你已经了解了如何安装、配置和使用 cordova-plugin-android-fullscreen。这个 npm 包是在 Cordova 项目中最好的全屏模式插件之一，可以帮助你的 Android app 更好地呈现。
无论你是新手还是有经验的前端开发者，掌握这个技术对你的职业发展都有助益。祝你好运！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600561bf81e8991b448df5d3