Elson的博客

在Flutter渲染机制(一)：Widget 树一文中，我们介绍了 Widget 树，发现每一种类型的 Widget 都会创建与之相对应的 Element，那这个 Element 又是什么，有什么作用呢？Element 是 Widget 的实际内容，并且会根据 Widget 的位置，配置自己在书中的位置。Element 会形成一棵树，有的 Element 有一个子节点，有的有多个子节点。

Widget 是我们构建页面UI的基本元素，如设置间距用的Padding、行排列用的Row、流式布局用的 Wrap。Widget内的所有属性都是 final 类型，它是一个配置文件，是 Element 的描述性信息。Widget 的作用类似于 Android Native 开发中的 xml 角色。

一、简介常规的 App 列表一般都有下拉刷新和上拉加载的功能。如图所示：下拉刷新上拉加载二、涉及到的控件RefreshIndicator ：下拉刷新控件ListView ：列表ScrollController ：滚动监听控制器三、完整代码Github地址：FlutterDemoimport 'package:flutter/material.dart'...

一、简介常规的 App 首页都有底部Tab，点击不同的Tab进入不同的界面。如图所示：二、涉及到的控件PageViewBottomNavigationBarBottomNavigationBarItem三、完整代码import 'package:flutter/material.dart';import 'package:flutter_demo/page/naviga...