简介
nativescript-component 是一个用于创建 NativeScript 组件的 npm 包。它使用 Angular 框架和 TypeScript 语言开发，并提供了一些常见 UI 组件和一些常用的服务，以便我们在 NativeScript 应用中快速构建 UI，达到快速开发的目的。
安装
如果你已经有了 NativeScript 环境，那么你可以通过下面的命令来安装 nativescript-component：
npm install nativescript-component --save
使用
引入 nativescript-component
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------ - ---- -------------------------------------------
-- -- ----------------------
------ - -------- - ---- ----------------
------ - ------------------ - ---- -------------------------------------------
------ - --------------------------- - ---- ------------------------------------------
-----------
---------- -
------------
--
-------- -
-------------------
--------------------------- -- --
--
------------- -
------------
--
---------- ---
-------- -
----------------
-
--
------ ----- --------- - -使用 UI 组件
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------------ ----------------- - ---- ------------------------------------
------ - -- ----------- ---- -------------------------------
------------
--------- ----------
--------- ---------
------------ --------------------
--
------ ----- ------------ -
------------- - ------ --- ----- --- ----- ----
----------------------------- ------------------ -
-------------------
-
-<ns-list-view [items]="listViewItems"
(itemTap)="onListViewItemSelected($event)">
<ng-template let-item="item" let-i="index">
<ns-label [text]="item"></ns-label>
</ng-template>
</ns-list-view>使用服务
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- ----------------------------------
------------
--------- ----------
--------- ---------
------------ --------------------
--
------ ----- ------------ -
------------------- ---------------- ---------------- - -
-------------------- -
------------------------------------------------------------ -- -
------------------------------ --------------------
---
-
-<ns-button text="Get current location" (tap)="getCurrentLocation()"></ns-button>
总结
通过此教程，我们了解了如何使用 nativescript-component 开发一个 NativeScript 应用。同时我们也学习了如何使用服务和 UI 组件，以及如何引入和配置 nativescript-component。
当然，学习并掌握一个 npm 包，并不仅仅是学会了它的 API，更重要的是如何利用好它的功能。掌握好 nativescript-component 的使用，我们可以更快速地构建出一个功能完备、美观、优雅的 NativeScript 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579981e8991b448d4996