每个 Flutter 开发者都需要知道的小部件

在我之前的文章中，我谈到了使用 dart 编程语言进行 Flutter 的面向对象编程。（这里是给没看过的人的链接： Dart 编程语言基础。什么是飞镖？飞镖是… |通过 Melike Balpınar | 2022 年 7 月 |中等的 )

这篇文章我将讨论每个开发者都需要了解的 Flutter 中的 4 个小部件。

Letter on we gonna work with other stuff now just we will cover on widgets

什么是小部件，为什么我们需要使用它？

小部件是基本的构建块，它是颤振应用程序框架的中心类层次结构，它根据应用程序的状态和配置定义应用程序的外观（用户界面的一部分）。

我们需要使用小部件，因为小部件用于确定基本渲染树从一种状态移动到另一种状态（管理底层渲染树）所需的最小状态更改。

在开始开发新的 Flutter 应用程序之前，让我们跳入一些我们需要了解的强大的 Flutter 小部件。

在启动小部件之前，一些有用的信息；

无状态和有状态小部件：

有状态小部件是一个动态小部件，它可以随时间改变外观（界面）以响应用户交互触发的事件（状态对象）或程序接收到任何数据时。

这是有状态小部件的代码示例：

 类 MyApp 扩展 StatefulWidget {  
 const MyApp({Key?key}) : super(key: key); @覆盖  
 状态<MyApp>createState() => _MyAppState();  
 }  
  
 _MyAppState 类扩展状态<MyApp>{  
 @覆盖  
 小部件构建（BuildContext 上下文）{  
 返回容器（）；  
 }  
 }

与有状态的小部件不同，无状态的小部件永远不会改变。

无状态小部件是一个小部件，它通过构建其他小部件的星座来向我们展示用户界面的一部分，这些小部件更具体地向我们展示用户界面。

这是无状态小部件的代码示例：

**空白** 主（） => 运行应用程序（ **常量** 我的应用程序（））； **班级** MyApp 扩展 StatelessWidget { **常量** MyApp({Key?key}) : super(key: key); @覆盖 小部件构建（BuildContext 上下文）{ **返回** 容器（）; }}

这是有状态小部件的一些示例：