反应本机布局组件的编译是否与逻辑不同？

Question

我试图理解 React 本机视图/布局代码的编译方式与逻辑代码的不同。我知道 JS 逻辑保存在 JS 包中，并通过桥与本机应用程序进行通信，但布局组件，例如在构建应用程序时将其编译为本机对应项，以便在安装到设备上时它们已经采用本机格式，或者当 JS 代码与本机设备通信时，这些本机视图也是动态创建的吗？

Answer 1

React Native 中的 JavaScript 代码和本机组件是两个独立的事物，通过桥梁相互通信。

1. JavaScript 代码
2. 原生组件
3. 沟通桥梁

在构建过程中，JavaScript 定义的布局组件不会编译为本机代码。相反，本机 UI 元素是根据您的 React 组件层次结构动态生成的，并在运行时解释。 JavaScript 逻辑可以与本机用户界面元素无缝集成，因为桥促进了 JavaScript 代码和本机组件之间的通信。