摘要:一,初始化List 非固定长度list var testList = List(); print(testList.length);//输出0 固定长度List var testList2 = List(2); print(testList2.length);//输出2 元素类型固定: var te
阅读全文
摘要:在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也有边距、填充和大小限制,另外,还可以在三维空间利用矩阵进行变换。 没有子控件的容器尽
阅读全文
摘要:Flutter 常用命令行 相关项目操作 查看Flutter版本 查看当前版本 查看当前版本 查看所有版本 查看所有版本 打印所有命令行用法信息 分析项目的Dart代码。 Flutter构建命令。 列表或开关Flutter通道。 删除构建/目录。 配置Flutter设置。 创建一个新的Flutter
阅读全文
摘要:概述 异步任务在Dart中随处可见,例如许多库的方法调用都会返回Future对象来实现异步处理,我们也可以注册Handler来响应一些事件,如:鼠标点击事件,I/O流结束和定时器到期。 这篇文章主要介绍了Dart中与异步任务相关的消息循环机制,阅读完这篇文章后相信你可写出更赞的异步执行代码。你也能学
阅读全文
摘要:1.1函数的声明 如下方法 add就是函数声明的代码结构: void add(x,y){ print("
x−−y"); } void main(){ add(2,3); } 关于函数声明,它最重要的一个特征就是函数声明提升,意思是执行代码之前先读取函数声明。这意味着可以把函数声明放在调用它的
阅读全文
摘要:一,概述 继承(关键字 extends) 混入 mixins (关键字 with) 接口实现(关键字 implements) 这三种关系可以同时存在,但是有前后顺序: extens在前,mixins在中间,implements最后 二,继承(extends) Flutter中的继承和Java中的继承
阅读全文
摘要:一,匿名方法定义 二,匿名方法特性 可赋值给变量,通过变量进行调用 可在其他方法中直接调用或传递给其他方法 void main(List<String> args) { //无参匿名函数 var func = () { print("Hello"); }; func(); //有参匿名函数 var
阅读全文
摘要:概述: Dart2的异常与Java是非常类似的。Dart2的异常是Exception或者Error(包括它们的子类)的类型,甚至可以是非Exception或者Error类,也可以抛出,但是不建议这么使用。 Exception主要是程序本身可以处理的异常,比如:IOException。我们处理的异常也
阅读全文
摘要:一,概述 dart定义了下表所示的运算符。你可以重写许多这些运算符。 描述运算符 一元后缀 expr++ expr-- () [] . ?. 一元前缀 -expr !expr ~expr ++expr --expr 乘法类型 * / % ~/ 加法类型 + - 移动位运算 << >> 与位运算 &
阅读全文
摘要:Dart支持三种注释类型: 单行注释,多行注释,文档注释。 单行注释单行注释以//开头,从//开始到一行结束的所有内容都会被Dart编译器忽略,示例代码如下: main(){ //打印输出 print('Hi Dart'); } 多行注释单行注释以 /* 开头, 以*/结束, 之间的所有内容都会被D
阅读全文
摘要:一,概述 元数据概述 元数据(Metadata),又称中介数据、中继数据,为描述数据的数据(data about data),主要是描述数据属性(property)的信息,用来支持如指示存储位置、历史数据、资源查找、文件记录等功能。 元数据定义 元数据(Metadata)是描述其它数据的数据(dat
阅读全文
摘要:一,概述 Dart是一种可选的类型语言。Dart中的集合默认是异构的。换句话说,单个Dart集合可以托管各种类型的值。但是,可以使Dart集合保持同质值。泛型的概念可以用来实现同样的目的。 泛型的使用强制限制集合可以包含的值的数据类型。这种集合称为类型安全集合。类型安全是一种编程功能,可确保内存块只
阅读全文
摘要:一,概述 类(Class)是面向对象程序设计,实现信息封装的基础。类是一种用户定义的类型。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象。 Dart的类与其它语言都有很大的区别,比如在dart的类中可以有无数个构造函数,可以重写类中的操作符,有默认的构造函数,由于dart没有接口
阅读全文
摘要:1. 指定返回值得函数 主函数中我们调用printDynamicParams函数: 控制台输出结果: 这里我们可以传入任意类型,适用于参数类型不固定的情况使用。这里大家可能会有一个疑惑,包括我当时学习的时候也有这个疑惑,既然dynamic、var、Object都可以指定任意类型,那它们有什么区别吗?
阅读全文
摘要:前言 说明下:本人只有window和mac,所以安装实践只有这两种,其他的自行尝试。简介:Dart是谷歌开发的计算机编程语言,后来被Ecma (ECMA-408)认定为标准 [1] 。它被用于web、服务器、移动应用 [2] 和物联网等领域的开发。它是宽松开源许可证(修改的BSD证书)下的开源软件。
阅读全文