什么是 @ngapp/native 包
@ngapp/native 是一个 npm 包，目的是帮助 Angular 应用程序在原生设备上运行。它提供了易于使用的 API 来访问设备硬件和原生功能（如相机、文件系统等），以及 Cordova 插件和一些本地 UI 控件。
如何安装和导入 @ngapp/native 包
首先，需确认自己是否已经安装了 @ngapp/core 包, 因为 @ngapp/native 依赖于 @ngapp/core 包。如果未安装，请先安装。
要安装 @ngapp/native 包，需要运行以下命令：
npm install @ngapp/native --save
接下来，只需将该包导入自己的应用程序即可使用：
import { AppNativeModule } from '@ngapp/native';
@NgModule({
imports: [ AppNativeModule ]
})
export class AppModule { }或者，您也可以选择导入单个模块，在需要时按需使用功能：
-- -------------------- ---- -------
------ - --------------- - ---- -----------------------
------------
--------- -----------
--------- -
---- ------------------- --
------- ---------------------------- ----------------
-
--
------ ----- -------- -
------------ ----
------------------- ------- ---------------- --
----- ------------- -
----- ------- - ----- --------------------------
---------------- - ------------------------------------
-
-如何使用 @ngapp/native 包
@ngapp/native 包提供了许多开箱即用的原生功能，以下是一些使用它们的示例：
启动应用
import { AppNative } from '@ngapp/native';
constructor(private appNative: AppNative) {}
...
this.appNative.launch();显示本机提示框
-- -------------------- ---- ------- ------ - -------------- - ---- ---------------------- ------------------- ------ --------------- -- --- ----------------- ------- -------- --------- -------- -- -- ------ --------- ------ ---
访问相机
-- -------------------- ---- ------- ------ - --------------- - ---- ----------------------- ------------------- ------- ---------------- -- --- ----- ------------- - ------ ------- - ----- -------------------------- ----------------- - ------------------------------------ -
访问设备文件系统
import { AppNativeFile } from '@ngapp/native/file';
constructor(private file: AppNativeFile) {}
...
const content = await this.file.readFile('myFile.txt');
console.log(content);显示本机加载指示器
import { AppNativeLoading } from '@ngapp/native/loading';
constructor(private loading: AppNativeLoading) {}
...
const spinner = await this.loading.show();总结
@ngapp/native 包为 Angular 应用程序提供了一种简单的方式来访问设备硬件和本地功能。使用它们可以轻松地添加许多常见的原生功能到您的应用程序中。这些示例应该很好地介绍了如何使用 @ngapp/native 包，您可以在其官方文档或 Github 主页上了解更多信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006737a890c4f7277584154