效果图 用到的组件： NestedScrollView() //嵌套组件 SliverPersistentHeader()//Sliver 顶部持久组件 SliverAppBar() //类似AppBar组件 TabBar() TabBarView() 代码： import 'package:flutter...

AutomaticKeepAliveClientMixin mixin 对于一些StatefulWidget，我们需要在界面切换时需要保持StatefulWidget的状态。这时就要在StatefulWidget对应的State中混入AutomaticKeepAliveClientMixin...

MaterialApp MaterialApp代表使用Material设计风格的应用，里面包含了其所需要的基本控件。一个完整的Flutter项目是由这个主组件开始的。 MaterialApp属性详解 属性类型简述homeWidget主页。用...

UI 功能控件 SafeArea 用于在屏幕安全区中显示布局。当我们没有使用Scaffold或未设置AppBar时，页面的布局会伸展到系统状态栏下，如果我们不需要这种沉浸式状态栏效果，那么就可以使用SafeArea...

容器与布局 通常的，把只包含单个子Widget的Widget称为容器，把可以包含多个子Widget的Widget称为布局，实际上容器本身也是一种布局，因为布局本质上是指的对控件的位置的管理或控制。 万能容器...

说明： 该控件通常用于长布局的滚动。它只能包含一个子项，通常只应在期望的内容不会超过屏幕太多时使用，因为它不支持基于Sliver的延迟实例化模型，所以包含的长布局超出屏幕尺寸太多时，性能...

ListView： 它的同名构造方法中有几个参数需要说明 shrinkWrap： 当为 false 时，列表会在主轴方向上扩展到可占用的最大空间，反之列表占用的空间是其列表项高度之和，此时会耗费更多性能，每当...

GridView 主要构建网格视图。在用法上与ListView非常相似，可参照其用法。 该控件主要有一个gridDelegate参数需要设置，该参数类型是SliverGridDelegate，用于控制子项如何排列。该类是一个抽象...

Scaffold Scaffold是App的页面框架，将整个页面分为如下的几个部分 Scaffold属性 属性 类型 简述 appBar PreferredSizeWidget 界面顶部的一栏控件，相当于 Android 中的 ActionBar body Widget ...

AppBar AppBar可以显示顶部leading、title和actions等内容。底部通常为选项卡TabBar。flexibleSpace显示在AppBar的下方，高度和AppBar高度一样，可以实现一些特殊的效果 文档地址【点击进入】 ...