NativeScript Plum UI Kit 简介

我不确定还有什么比从头开始创建应用程序设计更让人恼火和/或延迟开发人员的事情了。我的意思是，我们中的一些人有设计师来做繁重的工作，但我们中的许多人却被留下了自己的色盲和空白灾难用户界面实现。

再加上 iOS 和 Android 平台的复杂性，创建原生移动应用程序的大部分乐趣都消失了。🙁

这就是 Web 和移动应用程序的 UI 套件发挥作用的地方。一般来说，UI 套件提供预构建的组件和样式集，以便轻松地将整个视图或单个小部件复制粘贴到您的应用程序中。

正在寻找 UI 设计灵感的良好资源？我们非常喜欢 Uplabs。

让我向您介绍 Plum 🟣！

Plum 是一款开源 UI 套件（由社区构建并由我本人支持），NativeScript 开发人员在寻找一种干净优雅的方式来设计传统移动应用程序 UI 时可以使用它。Plum 松散地基于 Uplabs 上的 Plum iOS UI Kit。

Plum 使用 NativeScript Core（NativeScript 的“纯 TypeScript”和无框架版本）构建，利用 MVVM 模式进行轻松开发，并使用 SASS 以改进的方式管理通常复杂的 CSS。

Plum 包括各种移动应用程序屏幕（当然，所有屏幕都完全兼容 iOS 和 Android）。虽然此列表可能会扩展，但截至撰写本文时，Plum 包括以下内容

• 侧边抽屉导航
• 登录
• 注册
• 个人资料
• 地图
• 卡片
• 主/详情列表
• 卡片列表
• 日历
• 笔记
• 增强现实（仅限 iOS）
• 图表
• 轮播 UI
• 音频/视频
• 设置

Plum 实战

以下 GIF 简要概述了 Plum 提供的一些屏幕。

请注意，此处显示的所有功能在 Android 上都能同样出色地工作，除了 增强现实（即将登陆 Android）。

iOS + Android + 🔌 = 💓

使用 NativeScript 的关键价值主张之一是同时为 iOS 和 Android 开发，Plum 也不例外。虽然该应用程序最初仅针对 iOS 构建，但只需进行少量 UI 微调和几行 CSS 代码，即可实现与 Android 的完全兼容。

此外，由于 NativeScript 市场 上提供了大量插件，因此添加看似复杂的应用程序功能（例如增强现实、图表、滑动删除、轮播、卡片 UI、Taptic 反馈、MapBox 地图等）变得异常容易。

特别感谢 Eddy Verbruggen 及其为 iOS 和 Android 提供的插件演示应用程序，这使得这一切成为可能！

Plum 屏幕

在 亲自试用之前想先看看更多内容？请查看以下跨平台 UI 屏幕集

准备好体验 Plum 了吗？

Plum 使用了许多 NativeScript 插件，这些插件无法在 NativeScript Playground 上进行预览。因此，您必须自己下载/克隆应用程序才能体验它。不过不用担心，代码可以在 GitHub 上免费获取。

享受使用 Plum 🟣，如果您遇到任何问题，请随时在 GitHub 上 提交问题！