NativeScript-Vue 与 Material design答案

【问题标题】：NativeScript-Vue with Material designNativeScript-Vue 与 Material design
【发布时间】：2018-02-20 10:39:13
【问题描述】：

我对 vue.js 和 nativescript 很感兴趣，但我不确定如何制作材料设计的应用程序。这是因为，我不太确定 vue-nativescript 是如何工作的。我发现这个有据可查的vuematerial.io 我一直在想，我是否可以将它用于移动应用程序。

是否可以在 nativescript 中使用，还是仅针对移动网页？

如果没有，有什么方法可以在 Material design 中强制渲染 vue-nativescript 应用？

【问题讨论】：

我从未使用过它，但我认为这看起来很有希望，因为您可以将其编译为原生和网络目标：quasar-framework.org
不错的框架，但实际上我即将使用https://www.nativescript.org/和integration with vue

标签： vue.js material-design nativescript

【解决方案1】：

我相信您正确地理解了 NativeScript 是什么，一个允许您通过重用您现有的网络开发技能来构建纯原生移动应用程序的框架。

所以显而易见的答案是否定的，您不能使用任何以 HTML 为目标的库（除非您想在 WebView 中运行整个应用程序）。

NativeScript for Vue / Angular 允许您重用框架附带的所有核心功能来构建原生应用程序。您必须熟悉 NativeScript 框中提供的跨平台 UI 组件以及平台支持的 CSS 属性才能构建您的应用程序。

【讨论】：

nativescript 有一些 Material 主题吗？还是如今它只有一种可能的外观？
你必须从原生应用的角度思考。大多数 Android UI 组件默认情况下都比较重要，例如警报对话框、涟漪效果等，这些都不是 iOS 中的默认设置，您也不能不付出很大的努力就使 iOS 对话框看起来与 Android / Material 相似。但好的部分是您有很多插件可以为您带来这些效果而无需太多工作。例如，您可以使用这个插件 - market.nativescript.org/plugins/nativescript-ripple 在 iOS 中带来类似 Android 的涟漪效果。
这里还有其他插件market.nativescript.org/plugins/nativescript-cfalert-dialog 可以让对话框更加精美。除了现有的 NativeScript 插件之外，还有很多适用于 iOS / Android 的 pod / gradle 库，可以在 NativeScript 项目中重复使用。
this 如何适应？我看起来像普通的android原生应用程序可以“物化”，但对于nativescript，如果它想保持跨平台，它会受到各种平台可用的原生组件的限制。到目前为止，我没有看到任何其他可能性来开发 android material 应用程序，然后是原生 android SKD 或基于混合 webview 的应用程序，对吗？
NativeScript 不限制你使用任何原生特性，它可能是 iOS / Android 你可以做任何你可以在 Objective C / Java 中做的事情。材料设计是谷歌引入的，所以显然它在 Android 中实现得很好（默认情况下）。苹果有自己的指导方针，它不会给你材料（默认情况下）。您仍然可以使用市场上已有的插件来匹配 iOS 中的 UX。