这张关于react native的图片是什么意思

Question

第一个问题：RN组件几乎都是native混合js写的吧？
为什么listview完全归到了js，他和其他组件有什么区别？

第二个问题：RN的所有页面应该都是原生呈现的吧，不会有H5的参与吧？

Answer 1

回答你第二个问题吧。

RN 中的原生通常有 2 种：

• 用 Java 开发的原生组件，通过 JS 调用。

• 用 JS 开发的组件，因为没有 HTML，所以也是原生。

很多组件，比如 ListView，有些库是使用 Java 开发的，然后封装了 JS 的 API，还有一些是用 JS 开发的，内部使用了 View、Text、TextInput 等组件。

可能这张图的意思是：在官方文档中列出的组件是 Java 原生组件，其余的是 JS 组件。

Answer 2

那根虚线是分界线, 在左边面积越大就说明原生实现的功能越多, 在右边面积越大就说明JS层实现的功能越多, YOGA是跨平台Flex布局引擎, 其余左边面积更多的是原生实现了接口, JS来异步调, 右边是纯JS组件, 这图太老了, ListView太烂现在没人用