是否所有的react-native组件都可以直接渲染为原生UI组件呢？

Question

React Native 使你可以创建真正原生的应用，用户体验绝不拉胯。它提供了一些平台无关的抽象核心组件，像是View, Text 以及 Image等，可直接映射渲染为 对应平台的原生UI组件。

请问下，
1、是否所有的组件都可以直接渲染为原生UI组件呢？
2、请问下：如果不是所有组件，那么可以直接渲染为原生UI组件的RN组件是哪些呢？
3、它渲染为原生UI组件的原理是什么样的呢？

Answer 1

类比 浏览器环境，你写的所有的显示组件最后都是由浏览器渲染成 html 组件
在 RN 中，你写的所有组件最后也是由原生宿主环境去渲染展示成原生组件，

原理就是 RN 将常用的组件，比如 ，View， Text，Image 按照渲染协议给你封装好了，你直接用就可以，如果你想自己封装一些原生组件，就要按照 RN 提供的协议去封装就可以了。

Answer 2

1. 理论上是的，你操作的东西都是原生组件，除非你主动用 webview 包一些东西
2. 没记错的话，有一些 SVG 和基于 SVG / Canvas 开发的图表是封装 Webview 来实现的，比如 EChart 相关。因为这样开发效率比较高。几乎所有的 RN 原生组件都是桥接系统 UI 组件。
3. 原理大概是内嵌一个 Hermes JS 引擎负责执行 JS，和控制原生 UI 的组件建立联系，于是你所有通过 JS 写的逻辑都会传递到原生控制器；相应的，用户的操作也会返回给你的 JS 负责处理。这个过程有一些损耗，所以你会看到一些更“原生”的库，比如 reanimate。