使用 angular4 为 Nativescript 进行材料设计？答案

【问题标题】：material design for Nativescript with angular4?使用 angular4 为 Nativescript 进行材料设计？
【发布时间】：2017-06-30 06:11:13
【问题描述】：

┌──────────────────┬─────────────────┬────────────────┬───────────────┐
│ Component        │ Current version │ Latest version │ Information   │
│ nativescript     │ 3.1.1           │ 3.1.1          │ Up to date    │
│ tns-core-modules │ 3.1.0           │ 3.1.0          │ Up to date    │
│ tns-android      │ 3.1.1           │ 3.1.1          │ Up to date    │
│ tns-ios          │                 │ 3.1.0          │ Not installed │
└──────────────────┴─────────────────┴────────────────┴───────────────┘

我想在我的项目中使用https://material.angular.io/。如何配置。我在@angular/animation 包中遇到错误。

【问题讨论】：

package.json 文件中有动画包吗？还有什么错误？
请记住，nativescript 可能支持某些 angular.material 包，但它可能根本不支持组件。 Nativescript 与被转换为原生元素的包装器一起使用：html <input>，实际上，在 nativescript 中是 <TextField>，因此这两个元素没有共同点，这迫使您采用不同的方法。但是，Nativescript 已经包含一些预先完成的包装器，并允许您使用本机包装器，因此您在技术上可以手动执行此操作，您应该首先检查以下内容：docs.nativescript.org/ui/theme

标签： angular angular-material nativescript

【解决方案1】：

Material Design 的 Android 实现已经在 NativeScript 中可用，您可以直接使用它，也可以通过一些也提供 iOS 对应物的插件来使用它。

关于您的具体问题，您正在谈论的库（Angular Material 2）是一个基于 Web 的库，不能在 NativeScript 中使用，因为它不使用浏览器来呈现视图（它实际上使用本机元素)。

关于动画，请使用 NativeScript 实现，您可以在这里找到更多信息：https://docs.nativescript.org/ui/animation

【讨论】：