在现有的 Android 本机应用程序中使用本机反应？答案

【问题标题】：Use react native in an existing Android Native app?在现有的 Android 本机应用程序中使用本机反应？
【发布时间】：2017-10-30 22:45:30
【问题描述】：

我是 React 和 React Native 的新手。

我可以在 Android 应用程序中使用 React 本机而不是 Web 视图吗？有可能吗？

与 iOs webview 相比，当前 webview 加载网页的速度较慢。

所以我正在考虑使用 React Native 创建页面并在 android 本机应用程序中使用它。

如果有人这样做过，请告诉我是否可能。

提前致谢

更新

这对https://facebook.github.io/react-native/docs/integration-with-existing-apps.html 有帮助吗？

【问题讨论】：

也许你说的是react而不是react-native
实际上，我对 React Native 感到困惑，我目前在 android web 视图中打开的网页在 React 中，但页面加载速度很慢。我想知道如果我在 react native 中创建相同的页面，android 是否可以使用它..有点像 Jsonette..不确定我是否在这里正确提出了我的问题，很抱歉有任何错别字
我想我正在尝试做facebook.github.io/react-native/docs/…这个

标签： react-native

【解决方案1】：

这是两个不同的东西。

1) 使用 cordova 或 phonegap 或 webview

这意味着您将编写 Web 应用程序（例如在 react 中），而不是使用 cordova、phone gap 或您的自定义实现来构建 Android 原生应用程序。此应用程序将包含一个包含 webview 的屏幕/活动，并且在此 webview 中，您的应用程序将作为普通的 web 基础应用程序运行..您可以将其想象为您构建自定义本机浏览器的高度级别，并在其中正常运行 web 应用程序网页。

2) 在 react native 中，您可以想象在高度级别上，您将构建原生应用程序应用程序，而不是用 JAVA 或 Objective C 编写，您正在使用 JavaScript 和 React ...

但这是非常高度的概述:-)

【讨论】：

这会帮助facebook.github.io/react-native/docs/…

【解决方案2】：

在编码时，React 和 React Native 之间存在一些差异，尤其是标签。

例如：如果你想输出一个文本在 React 中你可以使用：

render(
    return (<h1> Hello, World </h1>);
);

在 React native 中你可以使用：

render(
    return (<Text>Hello, World</Text>);
);

因此，您实际上可以将部分代码从 React 转移到 React Native（获取和其他业务逻辑），但您需要更改其中的某些部分（特别是渲染方法）。

【讨论】：