织物是React Native新体系结构中的渲染渲染设备。它是新体系结构的主要部分，也是新的和旧体系结构改变最大的地方。理解新知识的重要方法是与已知的了解并形成比较。这篇文章遵循此想法，从图片开始，介绍什么是织物。
这是一系列有关React本地体系结构分析的文章：
当使用开发时，我们不能熟悉。我们几乎可以看到框架渲染的入口。为了促进对理解的理解，我们首先回顾了我们的所作所为。
作为一个独立的图书馆，和平之间的桥梁是相同的。
为了响应，我们也有类似的流程图：
React-Dom = React-Native-renderer + Fabric +本机API
在应用程序中，我们似乎看不到类似的入口。我们经常看到的是：
如果我们在源代码中看不见，我们可以找到这样的代码：
看到这一点，我看到了熟悉的方法。这两个文件的暴露是什么。这两个也是反应器下的两个反应器。
值得一提的是，仓库中的源代码实际上位于库下方，这仅是包装后的代码。如果您想进一步参考源代码，则可以转到仓库。
回到上面的图片，我们发现以粉红色部分表示的部分是JS侧的渲染入口。合作，在渲染和提交阶段一起工作，但是这次的区别是对于本地人（Android/ios））环境，您不需要生成dom tree。
面料渲染器承担了生成和调用计算的主要任务。与合作合作时，将需要创建和更新节点。目前，您只需要调用暴露于JS侧的方法即可轻松完成。您还可以查看旧体系结构下的流程图。
您可以看到面料的两个主要变化：
上面提到的织物将整合到C ++方面的本机的渲染逻辑。但是作为要渲染到本机的平台，本机API仍然需要完成屏幕上的最终渲染。因此，在整体体系结构中，它仍然需要基于本机API协作。
从上面的比较图片来看，React Native的新架构中所扮演的角色引入了宏。其中，保存了许多细节。我希望能为每个人的理解有所帮助。
原始：https：//juejin.cn/post/7099885746697273357