javascript - 跨平台 React Native 与 NativeScript

标签 javascript reactjs react-native nativescript angular2-nativescript

这只是一个简单的问题,已经花了两个多小时寻找下一步要学什么!我想要一些能让我创建跨平台应用程序的东西:web - android - ios 。我一直在 NativeScript 和 React Native + Reactxp 之间流泪。我需要你们的经验,谢谢你们! 将网络的力量带入手机。

最佳答案

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

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

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

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

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

UI 层(CSS 和 HTML)- 因为您需要在 Web 和 NativeScript 构建的 native 应用程序中使用不同的用户界面组件, 和 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 或更高版本。

关于javascript - 跨平台 React Native 与 NativeScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53698570/

相关文章:

javascript - 我可以创建自定义函数并在 JavaScript 中的数组上调用它吗

javascript - 参数未传递给 window.onerror 函数

javascript - 计算总价

javascript - Quickbox 与 MooTools 1.4

javascript - 状态 onChange 时的状态值 `undefined`

reactjs - Typescript 输入 onchange event.target.value

android - 运行 react-native run-android --variant=release 时出错(在根项目 'installReleaseDebug' 中找不到任务 'gnosisapp'。)

javascript - redux-persist:persist 和 rehydrate 有什么区别?

javascript - TypeError : this. setState 不是函数

javascript - React Native 布局错误 - ListView 意外呈现