NativeScript UI 现已免费 - 入门指南

在今年的 NativeScript 开发者日上，我们宣布 NativeScript UI 现在 100% 免费 🎉

这意味着您可以在个人和商业应用程序中使用所有 NativeScript UI 的专业用户界面组件，而且无需注册任何内容。

令人兴奋，对吧？在本篇文章中，我们将介绍如何开始使用新推出的免费 NativeScript UI 控件。

**注意**: 如果您是视频学习者，您可能想看看这个 NativeScript UI 视频介绍。

等等，NativeScript UI 到底是什么？

NativeScript 是七个专业用户界面组件的集合。所有控件都是建立在用原生代码编写的原生控件之上的，因此每个组件都提供用户所需的顶尖性能。

Using the NativeScript UI controls

尽管功能强大，但 NativeScript UI 却非常易于上手。NativeScript UI 以 NativeScript 插件的形式打包，并通过 npm 分发。因此，将专业组件添加到您的应用程序就像运行 tns plugin add nativescript-pro-ui 一样简单。

Using NativeScript UI through npm

**注意**: 以前，我们在 npm 上通过名为“nativescript-telerik-ui”和“nativescript-telerik-ui-pro”的两个包来分发 NativeScript UI。我们保留了 npm 上的这些包以避免破坏现有应用程序，但我们不会用新版本的 NativeScript UI 更新这些包 - 因此请将您的现有应用程序切换到新的“nativescript-pro-ui”包。

我可以用 NativeScript UI 做些什么？

安装 NativeScript UI 插件后，您就可以向您的应用程序添加一些真正强大的功能了。以下是一些您需要了解的后续步骤资源。

**文档**: NativeScript UI 文档提供了关于如何入门、如何安装 NativeScript UI 插件以及您可以使用这些控件执行的所有操作的详细列表。

Using the NativeScript UI docs

NativeScript UI 适用于 Angular 和非 Angular 应用程序，您将在 NativeScript UI 文档中找到这两种方法的详细说明。如果您正在寻找有关如何在 Angular 应用程序中使用 UI 控件的信息，请使用“Angular”文件夹；如果您正在寻找有关如何在非 Angular 应用程序中使用相同控件的信息，请使用“NativeScript”文件夹。

How to use in Angular and non-Angular apps

**示例**: NativeScript 文档非常适合用作参考，但要真正了解 NativeScript UI 的功能，最好的方法是使用官方 NativeScript UI 示例应用程序。

有两个示例展示了相同的功能：nativescript-ui-samples 使用 NativeScript Core，而 nativescript-ui-samples-angular 使用 NativeScript 和 Angular。

克隆这些示例应用程序并在本地运行它们是熟悉 NativeScript UI 所有功能的好方法。例如，您可以使用以下命令来克隆和运行 NativeScript Core 示例。

git clone https://github.com/telerik/nativescript-ui-samples.git

cd nativescript-ui-samples/sdk/

# Run one of the following
tns run android
tns run ios

下面是示例应用程序在运行时的样子。

The {N} UI sample app on iOS The {N} UI sample app on Android

花几分钟时间浏览示例应用程序，看看是否有您可以用在您自己的应用程序开发中的功能。找到您喜欢的功能后，从示例应用程序复制粘贴代码是开始将 NativeScript UI 功能添加到您的应用程序的好方法。

下一步去哪里

您还在等什么？赶快从 npm 下载 NativeScript UI 插件开始使用吧。

如果您在使用过程中遇到困难，或者对使用控件有任何疑问，请随时在 NativeScript 社区论坛上寻求帮助。