跨平台 React Native 与 NativeScript

Cross Platform React Native vs NativeScript

这只是一个简单的问题,已经花了 2 个多小时搜索下一步要学习的内容!我想要一些能让我创建跨平台应用程序的东西:web - android - ios 。我一直在 NativeScript 和 React Native + Reactxp 之间撕裂。我需要你们的经验,谢谢你们! 将网络的力量带到手机上。

由于您想为 Web 和 phone 共享相同的代码库,NativeScript 显然是一个 choice.The Angular,NativeScript 团队联手创建了 nativescript-schematics,一个原理图集合使您能够从单个项目构建 Web 和移动应用程序。

代码共享项目是我们将网络和移动应用程序的代码保存在一个地方的项目。这是一张快速图表,向您展示了高层次的情况。

objective是为了尽可能共享代码,将特定于平台的代码拆分到单独的文件中。

这通常意味着我们可以共享以下代码:

导航路线, 通用业务逻辑服务, 和 Component Class 定义组件的通用行为 同时,将代码拆分为:

UI 层(CSS 和 HTML)——因为您需要在 Web 和 NativeScript 构建的原生应用程序中使用不同的用户界面组件, 和 NgModules - 这样您就可以导入特定于平台的模块,而不会在网络和移动设备之间产生冲突(例如 Angular Material 设计 - 仅限网络)。

要创建两个单独的模板,您只需要使用命名约定即可。只需创建两个文件:

yourcomp.component.html - 网页模板文件, yourcomp.component.tns.html - NativeScript 模板文件 - .tns 使其成为 {N} 文件。

您甚至可以从您现有的项目迁移,您可以按照说明进行操作here

P.S.The @nativescript/schematics 包仅适用于@angular/cli:6.1.0 或更新版本。