Javascript 跨平台反应本机与本机脚本

Javascript 跨平台反应本机与本机脚本,javascript,reactjs,react-native,nativescript,angular2-nativescript,Javascript,Reactjs,React Native,Nativescript,Angular2 Nativescript,这只是一个简单的问题,它已经超过2小时的搜索下一步要学习什么!我想要的东西将使我能够创建一个跨平台的应用程序:web-android-ios。我在NativeScript和react native+react XP之间被撕裂了。。我需要你们的经验伙计们谢谢! 将网络的力量带到手机上。当您想要共享网络和手机的相同代码库时,NativeScript是一个明显的选择。Angular和NativeScript团队合作创建NativeScript schematics,这是一个原理图集合,使您能够从单个项

这只是一个简单的问题,它已经超过2小时的搜索下一步要学习什么!我想要的东西将使我能够创建一个跨平台的应用程序:web-android-ios。我在NativeScript和react native+react XP之间被撕裂了。。我需要你们的经验伙计们谢谢!
将网络的力量带到手机上。

当您想要共享网络和手机的相同代码库时,NativeScript是一个明显的选择。Angular和NativeScript团队合作创建NativeScript schematics,这是一个原理图集合,使您能够从单个项目中构建web和移动应用程序

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

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

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

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

UI层(CSS和HTML)-由于您需要在web和NativeScript构建的本机应用程序中使用不同的用户界面组件, 和NgModules-这样您就可以导入特定于平台的模块,而不会在web和移动设备之间产生冲突(例如,角度材料设计-仅限web)

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

yourcomp.component.html-web模板文件, yourcomp.component.tns.html—NativeScript模板文件—正是.tns使其成为{N}文件

您甚至可以从现有项目迁移,您可以修改说明


另外,@nativescript/schematics软件包仅适用于@angular/cli:6.1.0或更高版本。

由于您希望在web和电话上共享相同的代码库,nativescript是一个明显的选择。angular和nativescript团队合作创建nativescript原理图,一个原理图集合,使您能够从单个项目构建web和移动应用程序

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

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

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

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

UI层(CSS和HTML)-由于您需要在web和NativeScript构建的本机应用程序中使用不同的用户界面组件, 和NgModules-这样您就可以导入特定于平台的模块,而不会在web和移动设备之间产生冲突(例如,角度材料设计-仅限web)

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

yourcomp.component.html-web模板文件, yourcomp.component.tns.html—NativeScript模板文件—正是.tns使其成为{N}文件

您甚至可以从现有项目迁移,您可以修改说明


另外,@nativescript/schematics软件包仅适用于@angular/cli:6.1.0或更高版本。

@NarendraMongiya谢谢,我想我不是说它们在移动方面都做得很好,但我需要的是在web和phone@NarendraMongiya非常感谢。我想我并不是说他们在手机上都做得很好,但我需要的是在网络和手机上有相同的代码库