145

有状态小部件被定义为在其生命周期内改变其状态的任何小部件。但是，将StatelessWidgetaStatefulWidget作为其孩子之一是一种非常普遍的做法。如果它有作为它的孩子之一，它不会StatelessWidget成为有状态的吗？StatefulWidget

我尝试将文档作为 的代码的一部分进行查看StatelessWidget，但无法弄清楚 aStatelessWidget可以Statefulwidget作为其子代并且仍然存在StatelessWidget。

Flutter中有状态和无状态的widget有什么关系和区别？

4

13 回答 13

125

StatelessWidget永远不会自行重建（但可以从外部事件中重建）。StatefulWidget可以。这就是黄金法则。

但是任何类型的小部件都可以随时重新绘制。

无状态仅意味着它的所有属性都是不可变的，并且更改它们的唯一方法是创建该小部件的新实例。它不会例如锁定小部件树。

但是你不应该关心你的孩子是什么类型的。它对你没有任何影响。

于 2017-11-26T23:38:41.710 回答
29

来自flutter.io的文档：

...这里要注意的重要一点是，无状态和有状态小部件的核心行为相同。他们重建每一帧，不同的是 StatefulWidget 有一个 State 对象，它跨帧存储状态数据并恢复它。

如果您有疑问，请始终记住这条规则：如果小部件发生更改（例如，用户与其交互），它是有状态的。但是，如果孩子对更改做出反应，如果父级没有对更改做出反应，则包含的父级仍然可以是无状态小部件。

于 2018-03-20T05:48:13.580 回答
16

正如颤振文档中提到的

重点是什么？

有些小部件是有状态的，有些是无状态的。如果一个小部件发生变化——例如用户与之交互——它是有状态的。小部件的状态由可以更改的值组成，例如滑块的当前值或复选框是否被选中。小部件的状态存储在 State 对象中，将小部件的状态与其外观分开。当小部件的状态改变时，状态对象调用 setState()，告诉框架重绘小部件。

无状态小部件没有要管理的内部状态。Icon、IconButton 和 Text 是无状态小部件的示例，它们是 StatelessWidget 的子类。

有状态的小部件是动态的。用户可以与有状态的小部件进行交互（例如，通过输入表单或移动滑块），或者它随时间而变化（可能是数据馈送导致 UI 更新）。Checkbox、Radio、Slider、InkWell、Form 和 TextField 是有状态小部件的示例，它们是 StatefulWidget 的子类。

https://flutter.io/tutorials/interactive/#stateful-stateless

于 2018-09-22T12:59:37.943 回答
13

我可以想到一个非常简单的类比。你有一些家具，里面有书籍、装饰品和一台电视机。家具是无国籍的，它什么也不做不动。在电视的另一边，您可以打开、关闭、更改频道、播放电影（如果它连接了一些 DVD）等。电视有一个内部状态，它会影响它的行为方式。在家具中你没有状态。家具中电视的存在并没有增加它的状态。希望这可以帮助。

于 2020-02-20T02:20:38.293 回答
12

无状态小部件是静态小部件。在初始化无状态小部件之前，您只需要传递一些属性。它们不依赖于任何数据更改或任何行为更改。例如。Text、Icon、RaisedButton 是无状态的小部件。

有状态小部件是动态小部件，它们可以在运行时根据用户操作或数据更改进行更新。如果一个小部件可以在运行时改变它的状态，它将是有状态的小部件。

编辑 15/11/2018

如果输入/外部数据发生变化（外部数据是通过构造函数传递的数据），无状态小部件可以重新渲染。因为Stateless Widgets没有状态，所以会被渲染一次，不会自己更新，只会在外部数据发生变化时更新。

而Stateful Widgets有一个内部状态，如果输入数据发生变化或 Widget 的状态发生变化，它可以重新渲染。

无状态和有状态小部件都有不同的生命周期。

于 2018-10-09T04:35:35.380 回答
11

编写应用程序时，您通常会编写新的小部件，它们是StatelessWidget或StatefulWidget的子类

StatelessWidget以下是 Widget和Widget之间的一些区别StatefulWidget：

无状态小部件：

  1. 具有不可变状态的小部件。
  2. 无状态小部件是静态小部件。
  3. 它们不依赖于任何数据更改或任何行为更改。
  4. Stateless Widget 没有状态，它们只会被渲染一次，不会自行更新，只会在外部数据发生变化时更新。
  5. 例如：Text, Icon,RaisedButton是无状态小部件。

有状态的小部件：

  1. 具有可变状态的小部件。
  2. 有状态的小部件是动态小部件。
  3. 它们可以在运行时根据用户操作或数据更改进行更新。
  4. 有状态的 Widget 有一个内部状态，如果输入数据发生变化或 Widget 的状态发生变化，它可以重新渲染。
  5. 例如：Checkbox, Radio Button,Slider是有状态的小部件
于 2020-08-27T13:41:42.070 回答
11

状态是（1）可以在构建小部件时同步读取的信息，以及（2）可能在小部件的生命周期内发生变化的信息。小部件实现者有责任使用 State.setState 确保在此类状态更改时及时通知状态。

有状态的小部件：

有状态小部件是通过构建更具体地描述用户界面的其他小部件的星座来描述部分用户界面的小部件。构建过程递归地继续，直到用户界面的描述完全具体（例如，完全由描述具体的 RenderObjects 的 RenderObjectWidgets 组成）。

当您描述的用户界面部分可以动态更改时，有状态小部件很有用，例如由于具有内部时钟驱动状态或取决于某些系统状态。对于仅依赖于对象本身的配置信息和小部件在其中膨胀的 BuildContext 的组合，请考虑使用 StatelessWidget。

StatefulWidget 实例本身是不可变的，并将其可变状态存储在由 createState 方法创建的单独 State 对象中，或者存储在 State 订阅的对象中，例如 Stream 或 ChangeNotifier 对象，对这些对象的引用存储在 StatefulWidget 的最终字段中本身。

无状态小部件：

无状态小部件是通过构建更具体地描述用户界面的其他小部件的星座来描述部分用户界面的小部件。构建过程递归地继续，直到用户界面的描述完全具体（例如，完全由描述具体的 RenderObjects 的 RenderObjectWidgets 组成）。

当您描述的用户界面部分不依赖于对象本身中的配置信息和小部件膨胀的 BuildContext 之外的任何其他内容时，无状态小部件很有用。对于可以动态更改的组合，例如由于具有内部时钟驱动状态或取决于某些系统状态，请考虑使用 StatefulWidget。

于 2018-03-01T17:51:05.940 回答
8

回答 Stack Overflow 问题 - 有状态与无状态。

在 Flutter 中，不同之处在于无状态小部件可以由所有构造函数参数单独定义。如果您使用相同的参数创建两个无状态小部件，那么它们将是相同的。

但是，有状态的小部件不一定与使用相同构造函数参数构建的另一个小部件相同。它可能处于不同的状态。
实际上，有状态小部件本身是不可变的（无状态），但 Flutter 管理一个单独的状态对象并将其与小部件相关联，如StatefulWidget 文档中所述。这意味着当 Flutter 重建一个有状态的小部件时，它会检查它是否应该重用以前的状态对象，如果需要的话，会将那个状态对象附加到小部件上。

父部件是无状态的，因为它不关心其子部件的状态。有状态的孩子本身（或技术上的 Flutter）将处理自己的状态。
在较高的层面上，我同意这使得父窗口小部件有状态，因为两个父母可能包含两个具有不同状态的孩子，因此在技术上它们本身是不同的。但从 Flutter 的角度来看，它构建父 widget 时不关心 state，只有在构建 child 时才会考虑它的 statefull。

于 2017-12-05T12:13:09.750 回答
7

无状态：小部件状态仅创建一次，然后它可以更新值但不能显式状态。从那里的结构也很清楚。这就是为什么它只有一个类扩展为StatelessWidget. 所以如果我说，他们再也不能重新运行build()方法了。

有状态：小部件可以在事件触发时多次更新其状态（本地）和值。这就是原因，实现方式也不同。在此，我们有 2 个类，一个是StatefulWidget，另一个是它的状态实现处理程序，即State<YourWidget>. 因此，如果我说，他们可以build()根据触发的事件一次又一次地重新运行方法。

下图会有所帮助。

在此处输入图像描述

于 2019-12-22T01:50:32.647 回答
6

什么是有状态和无状态小部件？

TL;DR：允许您刷新屏幕的小部件是有状态小部件。没有的小部件是无状态的。

更详细地说，具有可以更改内容的动态小部件应该是有状态小部件。无状态小部件只能在参数更改时更改内容，因此需要在其在小部件层次结构中的位置点之上完成。包含静态内容的屏幕或小部件应该是无状态小部件，但要更改内容，则需要有状态。

我在一个有趣的媒体故事中发现了这个相关内容。别客气！

于 2020-05-09T11:02:49.650 回答
3

免责声明：- 从上周开始研究颤振 :)

无状态和有状态的小部件有自己的生命周期来创建和更新 UI。但是，您可以使用无状态或有状态来呈现 UI，但实际上，当 ui 完全或部分依赖于外部数据（例如 - 使用 api 呈现列表）而使用无状态小部件像任何输入屏幕一样呈现静态 ui 时，有状态更方便一个很好的做法。

于 2020-02-24T03:54:42.397 回答
3

简单来说：

正如我们所知，每个小部件都是 Flutter 中的一个视图。其中有自己的类。当我们使用这些类时，我们会创建它的一个对象。我们为它们的不同变量/属性赋予值。前任。我们正在创建文本小部件，因此我们可以给它字符串、颜色、字体大小、字体系列。所以通过给出这个，我们在创建它的同时定义它的属性。到目前为止，无状态或有状态小部件是相同的，但是，

当我们想要一次又一次地更改/更新它的属性（比如字符串或颜色）时，它应该是有状态的小部件。

而当我们在第一次定义它是一个无状态小部件之后不想改变它的属性时。

这意味着我们关心小部件保存/控制/显示的数据。

所以无状态是数据少，有状态是数据满。

现在，如果您定义一个无状态的类，这意味着该类不关心/不包含变量，或者说它自己的类中的数据，即类级别，但它可能有另一个关心数据的小部件/类，即它是有状态的. 所以相互之间没有任何影响。

如果我在这里错了，请纠正我。

于 2020-04-15T05:34:53.723 回答
1

什么是有状态和无状态小部件？

无状态小部件：无状态小部件仅在父级更改时构建。

有状态的小部件：状态完整的小部件保存小部件的状态，并且可以在状态更改时重建。

于 2020-07-17T03:25:26.477 回答