文章目录
-
- 一、前言
- 二、如何理解 widgets
- 三、widgets 和 Div 布局很像
- 四、常见的组件
- 五、总结
一、前言
在 Flutter 中,所有的 UI 元素都被称为 widgets,包括整个应用程序本身。一个 Flutter 应用通常由多个小的 widgets 组合而成,这些 widgets 可以是文本,按钮,图片,甚至是其他的 widgets。
本文你将会学到:
- 组件的基本概念
- flutter 示例代码分析
- 需要学习哪些组件
二、如何理解 widgets
widgets 被组织在一个 widget tree 中,类似于 DOM 在 web 开发中的作用。在 Flutter 中,widget tree 是一种数据结构,用于描述应用程序的用户界面。每个 widget 都代表 UI 的一部分,例如按钮、文本、滑块、布局结构(如行、列、网格)等等。Widget tree 的每个节点都是一个 widget,并且每个 widget 可以有零个或多个子 w