问题描述
在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
也是在幕后使用的。