将 Angular2 材质添加到 Nativescript

Posted 2023-04-13

【中文标题】将 Angular2 材质添加到 Nativescript

【英文标题】：Add Angular2 Material to Nativescript

【发布时间】：2017-06-16 13:17:57

【问题描述】：

我创建了一个基本的 Nativescript 应用程序，使用： tns create my-project-name --template nativescript-angular-drawer-template

现在，我想将Material Design 添加到我的应用中。根据docs，我运行了命令npm install --save @angular/material，并按照文档添加了MaterialModule。但是我的应用给出了

的错误

查找模块函数时出错

有什么想法吗？

【参考方案1】：

您将无法直接在 nativescript 中运行材料，因为没有带有 nativescript 的 DOM，除非您在本机应用程序中显示 webview。然而，对于原生 android，你不需要一个库来获得材料设计，因为它是谷歌定义材料的地方，所以它只是原生组件。多个小部件有许多插件，因为它们不属于 nativescript 核心，因为它们不是跨平台的，这就是许多插件使用原生 ios 库使 nativescript 插件跨平台的地方。很多这可能会令人困惑:)

这是一个用于材料设计卡片视图的插件https://github.com/bradmartin/nativescript-cardview，它是 Android 原生的，通过大多数应用附带的 Google 库。由于 iOS 不遵循 Material Design，我们最近为 iOS 端做了一个不错的 PR，它只使用原生 iOS UI 控件来提供外观相似的 UI 组件。同样，如果您不熟悉其中的任何内容，我可能会使其更加混乱。如果您需要帮助或有疑问，nativescript 论坛和 slack 频道非常适合闲逛并从 NS 开发人员那里获得帮助。如果您需要什么，请联系我

【讨论】：

tab-view有插件吗？目前使用默认TabView

核心中的tabview是原生的tabview。不知道我明白你指的是什么。如果您的意思是新材料底部导航，那么是的，有一个使用第三方 android lib 的插件。插件应该列在 plugins.nativescript.org 上，这是一个昨天刚刚开放的新插件中心，我相信这会让查找插件变得更容易。

> However with native android you don't need a library to get material design 那我为什么需要安装插件呢？