gpt4 book ai didi

javascript - 跨平台 React Native 与 NativeScript

转载 作者:行者123 更新时间:2023-12-03 00:34:55 25 4
gpt4 key购买 nike

这只是一个简单的问题,已经花了两个多小时寻找下一步要学什么!我想要一些能让我创建跨平台应用程序的东西: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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com