摘要：一，flutter SliverAppbar 控件介绍 SliverAppBar “应用栏” 相当于升级版的 appbar 于 AppBar 位置的固定的应用最上面的; 而 SliverAppBar 是可以跟随内容滚动的; 使用方法 与CustomScrollView、NestedScrollVie
阅读全文
摘要：在flutter中我们经常会使用到这样的代码 那么这个of(context)到底是个什么呢。我们这里以Navigator打开新页面为例。 可以看到，关键代码部分通过context.rootAncestorStateOfType向上遍历 Element tree，并找到最近匹配的 NavigatorS
阅读全文
摘要：一，概述 移动应用通常通过成为‘屏幕’或者‘页面’的全屏元素显示其内容，在Flutter中，这些元素统称为路由，它们由导航器Navigator组件管理。导航器管理一组路由Route对象，并提供了管理堆栈的方法，例如Navigator.push和Navigator.pop。如果类比这Ios记忆的话，你
阅读全文
摘要：一，概述 移动应用中一个必不可少的环节就是与用户的交互，在Flutter中提供的手势检测为GestureDetector。 Flutter中的手势系统分为二层： 第一层是触摸原事件（指针） PointerDownEvent：用户与屏幕接触产生了联系 PointerMoveEvent：手指已从屏幕上的
阅读全文
摘要：一，概述 Flutter中拥有30多种预定义的布局widget，常用的有Container、Padding、Center、Flex、Row、Colum、ListView、GridView。按照《Flutter技术入门与实战》上面来说的话，大概分为四类 基础布局组件：Container(容器布局)，C
阅读全文
摘要：一，概述 Flutter中拥有30多种预定义的布局widget，常用的有Container、Padding、Center、Flex、Row、Colum、ListView、GridView。按照《Flutter技术入门与实战》上面来说的话，大概分为四类 基础布局组件：Container(容器布局)，C
阅读全文
摘要：一，概述 Flutter中拥有30多种预定义的布局widget，常用的有Container、Padding、Center、Flex、Row、Colum、ListView、GridView。按照《Flutter技术入门与实战》上面来说的话，大概分为四类 基础布局组件：Container(容器布局)，C
阅读全文
摘要：一，概述 Flutter中拥有30多种预定义的布局widget，常用的有Container、Padding、Center、Flex、Row、Colum、ListView、GridView。按照《Flutter技术入门与实战》上面来说的话，大概分为四类 基础布局组件：Container(容器布局)，C
阅读全文
摘要：一，概述 AppBar 显示在app的顶部。AppBar包含5大部分，如下图： 二，构造函数及参数含义 构造函数 AppBar({ Key key, this.leading, //在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮 this.automatica
阅读全文
摘要：一，概述 BottomNavigationBar即是底部导航栏控件，显示在页面底部的设计控件，用于在试图切换，底部导航栏包含多个标签、图标或者两者搭配的形式，简而言之提供了顶级视图之间的快速导航。 二，Bar关键元素 BottomNavigationBar BottomNavigationBar 是
阅读全文
摘要：一，概述 TabBar，是材料设计(Material design)中很常用的一种横向标签页。在Android原生开发中，我们常用ViewPage或者一些常用的标签页开源库，来实现并行界面的横向滑动展示，在iOS原生开发中我们可以基于UICollectionView/UIButton来封装实现这一功
阅读全文
摘要：01. Flutter组件-Layout-Container-容器 02. Flutter组件-Text-Text-文本 03. Flutter组件-Text-RichText-富文本 04. Flutter组件-Button-RaisedButton-凸起按钮 05. Flutter组件-Butt
阅读全文
摘要：一，概述 表单时一个包含表单元素的区域。 表单元素允许用户输入内容，比如文本域，下拉列表，单选框，复选框等。常见的应用场景有：登录，注册，输入信息等。 表单里有两个重要的组件： Form：用来做整个表单提交使用 TextFormField：用来做用户输入。 正式向服务器提交数据前，都会对各个输入框数
阅读全文
摘要：一，概述 数据量很大的时用矩阵方式排列比较清晰，此时用网格列表组件，即为GridView组件，可实现多行多列的应用场景。 使用GridView创建网格列表有多种方式： GridView.count 通过单行展示个数创建GridView。 GridView.extend通过最大宽度创建GridView
阅读全文
摘要：一，概述 列表是前端最常见的需求。 在flutter中，用ListView来显示列表页，支持垂直和水平方向展示，通过一个属性我们就可以控制其方向，列别有以下分类 水平列表 垂直列表 数据量非常大的列表 矩阵式的列表 二，构造函数 构造方法有四种 new ListView 解释默认构造函数采用子类的显
阅读全文
摘要：一，概述 由于Flutter是跨平台的，所以有适用于Android和iOS的两种风格的组件。一套是Google极力推崇的Material，一套是iOS的Cupertino风格的组件。无论哪种风格，都是通用的。 概述Flutter 里有很多的 Button 组件很多，常见的按钮组件有：RaisedBu
阅读全文
摘要：一，概述 图标组件（Icon）为展示图标的组件，该组件不可交互，要实现可交互的图标，可以考虑使用IconButton组件。 图标组件相关的几个组件: IconButton:可交互的Icon； Icons：框架自带Icon集合； IconTheme：Icon主题； ImageIcon：通过AssetI
阅读全文
摘要：一，概述 Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBMP。 Image组件有多种构造函数: new Image: 从ImageProvider获取图像。 new Image.asset:
阅读全文
摘要：一，概述 文本组件（Text）负责显示文本和定义显示样式， 二，继承关系 三，构造方法 单一格式（Text( )） 构造方法创建，只能生成一种style Text() const Text(this.data, { Key key, this.style, this.textAlign, this.
阅读全文
摘要：一，前言 二，基本组件 -- Container 容器，一个常用的控件，由基本的绘制、位置和大小控件组成。负责创建矩形的可视元素，可以用BoxDecoration来设计样式，比如背景、边框和阴影，Container也有边距、填充和大小限制，另外，还可以在三维空间利用矩阵进行变换。 没有子控件的容器尽
阅读全文
