NativeScript-プラグイン

npmパッケージは、ネイティブ機能を追加するために使用されます。このパッケージを使用して、プラグインをインストール、検索、または削除できます。このセクションでは、プラグインについて詳しく説明します。

コマンド

add −プラグインのインストールに使用されます。

update −指定されたプラグインを更新し、その依存関係を変更します。

remove −プラグインを削除します。

build −iOSまたはAndroidプロジェクト用のプラグインを構築するために使用されます。

create −プロジェクトのプラグインを作成します。

プラグインの追加

以下の構文は、新しいプラグインを追加するために使用されます-

tns plugin add <plugin-name>

たとえば、nativescript-barcodescannerを追加する場合は、次のコードを使用できます-

tns plugin add nativescript-barcodescanner

次の応答を見ることができます-

+ [email protected] 
added 1 package from 1 contributor and audited 11704 packages in 8.76s

npmモジュールを使用して上記のプラグインを追加することもできます-

npm install nativescript-barcodescanner

これで、NativeScript CLIはnpmからプラグインをダウンロードし、node_modulesフォルダー内に追加します。

プラグインを直接追加したい場合 package.json 依存関係の問題をすべて解決するには、前のコマンドの代わりに以下のコマンドを使用できます-

npm i nativescript-barcodescanner

開発中に開発者の依存関係をインストールする場合は、以下のコードを使用してください-

npm i tns-platform-declarations --save-dev

ここに、

tns-platform-declarationsは、開発プロセス中にintelliSenseにのみ必要な開発者の依存関係です。

プラグインのインポート

今、私たちはインストールしました nativescript-barcodescanner plugin。以下のコマンドを使用して、プロジェクト内に追加しましょう-

const maps = require("nativescript-barcodescanner"); 
maps.requestPermissions();

プラグインの更新

このメソッドは、指定されたプラグインを更新するために使用されるため、以前のプラグインをアンインストールし、新しいバージョンをインストールして、その依存関係を変更します。以下に定義されています-

tns plugin update <Plugin name version>

プラグインの削除

プラグインを削除したい場合、必要がなければ、以下の構文を使用できます-

tns plugin remove <plugin-name>

たとえば、上記でインストールされたnativescript-google-maps-sdkを削除する場合は、以下のコマンドを使用します-

tns plugin remove nativescript-barcodescanner

次の応答を見ることができます-

Successfully removed plugin nativescript-barcodescanner

プラグインの構築

これは、platforms / androidにあるプラグインのAndroid固有のプロジェクトファイルをビルドするために使用されます。以下のコマンドを使用して、nativescript-barcodescannerpuginを作成しましょう-

tns plugin build nativescript-barcodescanner

プラグインの作成

NativeScriptプラグインは単純なJavaScriptモジュールです。これは、アプリケーションのsrc \ package.jsonファイル内で定義されています。このモジュールは、NativeScriptプラグイン開発用の新しいプロジェクトを作成するために使用されます。以下に定義されています-

tns plugin create <Plugin Repository Name> [--path <Directory>]