Flutter中的Element和RenderObject有什么区别？

在Flutter中，我在Widget和Element与RenderObject之间感到困惑。据我所知，屏幕上显示的UI是Element，Widget只是一个蓝图。

文档说：Element是树中特定位置的Widget的实例化。因此，小部件是Dart类，而Element是此类的实例，对吗？

那么，我能想象他们像下面的图片吗？

但是，我读了this article，并且看到屏幕上显示的UI是RenderObject，而不是Element。因此，我在Widget和{{1}之间感到困惑}和Element。我的图像上真正的兰博基尼是RenderObject还是Element？

所以，一个 Widget 是一个 Dart 类，一个 Element 是这个类的一个实例，对吗？

好吧，Widget 和 Element 都是 Dart 类。

当文档说'实例化'时，这并不意味着从一个类中创建一个实例。

这意味着，正如您提到的，Widget 是某种蓝图（保存一些信息），而 Element 是由相应的 Widget 制成的其他一些东西。>

Widget 生成 Element，而 Element 生成 RenderObject（通过使用 Widget 的方法）。

而 RenderObject 是实际用于将内容渲染到屏幕上的东西。

我图片上真正的兰博基尼是 RenderObject 还是 Element？

所以，你图片上的兰博基尼是由 RenderObject 制成的，当然 Widget 和 Element 也是在幕后使用的。