主页 / 问题 / 930978
Accepted
BrainSwitch
Asked:2020-01-11 21:07:17 +0000 UTC2020-01-11 21:07:17 +0000 UTC

React Native 上的应用

  • 772

我在文档中读到 React Native 不是 webView 而不是 html 技术。所以它不像 Elektron 应用程序，后者本质上是带有网页的可嵌入网络浏览器。

您可以判断 React Native 应用程序是否编译为本机代码。例如，如果是针对Android平台，那么转成java代码，再把java代码编译成字节码等等，如果你看技术的名字，一般情况下应该如何（在我看来）？

react-native

1 个回答

  1. Best Answer

    您可以判断 React Native 应用程序是否编译为本机代码。

    不。

    在 React-Native 中，应用程序代码用 JS 编写并在 iOS/Android 的 JavaScript-core 中执行，在调试模式下，代码直接在浏览器中执行（如果您有基于 Chromium 的浏览器，则为 V8）。

    由于最近有 JSI（JavaScript 接口）

    https://github.com/react-native-community/discussions-and-proposals/issues/91

    这是一种抽象，允许您使用任何实现，例如新的 HermesJS 引擎，但这只会用于 Android（因为 Apple 不允许您使用 JavaScript Core 以外的引擎）

    在架构上我们有：

    1. JS代码在JS引擎中执行（JS线程）
    2. 主线程负责渲染
    3. 所有本机模块都在单独的线程中启动（有条件地，取决于平台）

    现在，一点一点地，渲染是如何工作的（简而言之）：

    1. JS -> React (JSX)（我们渲染一些组件）
    2. React (JSX) -> React.createElement (JSX 用 babel/typescript 转译成 JS 代码)
    3. React.createElement -> React -> react-native-reconcilier( https://reactjs.org/docs/reconciliation.html )
    4. JS 线程与本机 UIManager 对话
    5. 主线程绘制您的组件

    我建议看报告：

    视频缩略图
    YouTube 上面向 JS 开发人员的 React Native 架构

    • 4

相关问题