【Flutter】widgets (1) 组件概述 widget tree 常见的widgets

一、前言

在 Flutter 中，所有的 UI 元素都被称为 widgets，包括整个应用程序本身。一个 Flutter 应用通常由多个小的 widgets 组合而成，这些 widgets 可以是文本，按钮，图片，甚至是其他的 widgets。

本文你将会学到：

• 组件的基本概念
• flutter 示例代码分析
• 需要学习哪些组件

二、如何理解 widgets

widgets 被组织在一个 widget tree 中，类似于 DOM 在 web 开发中的作用。在 Flutter 中，widget tree 是一种数据结构，用于描述应用程序的用户界面。每个 widget 都代表 UI 的一部分，例如按钮、文本、滑块、布局结构（如行、列、网格）等等。Widget tree 的每个节点都是一个 widget，并且每个 widget 可以有零个或多个子 widget，这些子 widget 也作为节点存在于树中。

树的根节点是整个应用程序的顶层 widget，通常是一个 M