【问题标题】:Cross Platform React Native vs NativeScript跨平台 React Native 与 NativeScript
【发布时间】:2018-12-10 01:57:16
【问题描述】:

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

【问题讨论】:

  • @NarendraMongiya 谢谢你,我想我不是他们都在移动方面做得很好,但我需要为网络和电话拥有相同的代码库

标签: javascript reactjs react-native nativescript angular2-nativescript


【解决方案1】:

由于您想为 Web 和手机共享相同的代码库,NativeScript 是一个显而易见的选择。Angular 和 NativeScript 团队联手创建了 nativescript-schematics,这是一个原理图集合,使您能够从单个项目。

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

目标是尽可能多地共享代码,并将特定于平台的代码拆分为单独的文件。

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

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

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

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

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

你甚至可以从你现有的项目中迁移,你可以细化指令here

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

【讨论】:

    猜你喜欢
    • 2018-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多