【问题标题】: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 ...

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

【讨论】:

【解决方案2】:

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

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

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

在 React native 中你可以使用:

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

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

【讨论】:

    猜你喜欢
    • 2015-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多