将 ReactNative 库导入 NativeScript 应用程序答案

【问题标题】：Import ReactNative libraries into a NativeScript application将 ReactNative 库导入 NativeScript 应用程序
【发布时间】：2018-04-04 11:20:28
【问题描述】：

我有一些 Android 开发经验以及 React.js。我正在开发一个新的移动项目，但我还没有完全接受这两个框架。

我正在考虑使用 NativeScript 框架来实现它的成熟度，并且因为它有更多具有我需要的功能的库，但我想以类似于 ReactJS 的方式设计我的视图。我知道我可以为 ReactNative 编写自己的模块，但这需要我必须为 Android 和 iOS 编写模块。如果可以的话，我想避免这种情况。

我正在考虑将必要的 ReactNative 库导入到 NativeScript 项目中，然后能够以类似于 ReactNative 但仍使用 NativeScript 的方式编写视图。

这可行吗？

【问题讨论】：

标签： react-native nativescript react-native-android

【解决方案1】：

不确定您的确切问题。我刚刚看到您可能感兴趣的 Preact 和 NativeScript 之间的集成。请看这里：https://github.com/staydecent/nativescript-preact

我相信 repo 处于早期阶段，但如果有足够多的人想要类似的东西，它会更快地完成。

【讨论】：

这绝对是朝着正确方向迈出的一步。我正在寻找一种以类似于 ReactJS 但使用 NativeScript 框架的方式编写应用程序 UI 的方法。我的第一个想法是尝试手动将 ReactJS 库插入到 NativeScript 项目中，但这更有意义。为了清楚起见，我将编辑问题。谢谢！

【解决方案2】：

在 NativeScript 中使用 React Native 不是正确的方法，这两种方法都不是为了协同工作而构建的，并且由于架构原因而无法工作。这是这两个中的NativeScript official comparison。

两者都是为解决相同的问题而构建的（使用 JS 构建原生应用程序，没有 webview 混合应用程序方法），通过跨编译基于 XML 的视图层（这两个框架都有自己的语法，因此不能共享）来构建原生 UI .

说view layer有自己的语法不能共享，model和controller层也不能共享，因为NativeScript的东西packed as part of the application package很少，比如JavaScript运行时、c++ 和 Java API 层，它有助于公开所有 Native API，而不需要我们在 ReactNative 中拥有的任何显式的原生 API 包装器。

React Native 具有特定于平台的 UI 组件以及硬件功能，而 NativeScript 则不然。 Offcouse，与 ReactNative 小于 10MB 的应用程序包大小（50+MB）相比，成本更高。更多关于ReactNative vs NativeScript comparison here。

【讨论】：