【Flutter学习】之深入浅出 Key

【【Flutter学习】之深入浅出 Key】的更多相关文章

命令——WPF学习之深入浅出

WPF学习之深入浅出话命令 WPF为我们准备了完善的命令系统,你可能会问:“有了路由事件为什么还需要命令系统呢?”.事件的作用是发布.传播一些消息,消息传达到了接收者,事件的指令也就算完成了,至于如何响应事件送来的消息事件并不做任何限制,每个接收者可已用自己的行为来响应事件.也就是说,事件不具有约束力.命令和事件的区别就在于命令具有约束力. 的确,在实际编程工作中,即使只用事件不用命令程序的逻辑一样被驱动的很好,但我们不能够阻止程序员按照自己的习惯去编写代码.比如保存事件的处理器,程序员可以…

Flutter学习笔记（3）--Dart变量与基本数据类型

一.变量在Dart里面,变量的声明使用var.Object或Dynamic关键字,如下所示: var name = ‘张三’: 在Dart语言里一切皆为对象,所以如果没有将变量初始化,那么它的默认值为null(包括数字),如果需要判断变量是否为null,则需要进行如下判断: String name:if(name == null): 上面var name = ‘张三’,并没有显示的声明变量的类型,我们也可以显示的声明:String name = ‘张三’:如果对象(变量)不仅限于单一类型,请用…

Flutter学习笔记（9）--组件Widget

如需转载,请注明出处:Flutter学习笔记(9)--组件Widget 在Flutter中,所有的显示都是Widget,Widget是一切的基础,我们可以通过修改数据,再用setState设置数据(调用setState()来通知框架,框架会再次调用State的构建方法来更新用户界面),Flutter会自动通过绑定的数据更新Widget,所以你需要做的就是实现Widget界面,并且和数据绑定起来. Widget分为有状态StatefulWidget和无状态StatelessWidget两种,在Fl…

Flutter学习笔记（10）--容器组件、图片组件

如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件",在Flutter中,所有的元素皆由组件组成,比如说我们常用的文本.图片.按钮.动画等等,接下来说一下在Flutter中最常用到的几类组件. 容器组件容器组件(Container)可以理解为在Android中的RelativeLayout或LinearLayout等,在其中你可以放置你想布局的元…

Flutter学习笔记（13）--表单组件

如需转载,请注明出处:Flutter学习笔记(13)--表单组件表单组件是个包含表单元素的区域,表单元素允许用户输入内容,比如:文本区域,下拉表单,单选框.复选框等,常见的应用场景有:登陆.注册.输入信息等.表单里有两个重要的组件,一个是Form组件用来做整个表单提交使用的,另一个是TextFormField组件用来做用户输入的. Form组件属性属性类型说明 Key Key 组件在整个Widget树中的key值 autovalidate bool 是否自动提交表单 child Widg…

Flutter学习笔记（17）--顶部导航TabBar、TabBarView、DefaultTabController

如需转载,请注明出处:Flutter学习笔记(17)--顶部导航TabBar.TabBarView.DefaultTabController 上一篇我们说了BottmNavigationBar底部导航组件,今天来学习一下顶部导航组件TabBar,TabBar选项卡一般位于AppBar下方,通常和TabBar(顶部导航选项卡)一起使用的有TabBarView和TabController. TabBar:Tab页的选项组件,默认为水平排列. TabBarView:Tab页的内容容器,Tab页内容一般…

Flutter学习笔记（20）--FloatingActionButton、PopupMenuButton、SimpleDialog、AlertDialog、SnackBar

如需转载,请注明出处:Flutter学习笔记(20)--FloatingActionButton.PopupMenuButton.SimpleDialog.AlertDialog.SnackBar FloatingActionButton FloatingActionButton对应一个圆形图标按钮,悬停在内容之上,以展示对应程序中的主要动作,所以非常醒目,类似于iOS系统里的小白点按钮. FloatingActionButton组件属性及描述如下: child:child一般为icon,不推荐…

Flutter学习笔记（21）--TextField文本框组件和Card卡片组件

如需转载,请注明出处:Flutter学习笔记(21)--TextField文本框组件和Card卡片组件今天来学习下TextField文本框组件和Card卡片组件. 只要是应用程序就少不了交互,基本上所有的应用程序都会有用户名.密码输入框,搜索框等等,前面我们有写过一篇基于Form表单的输入功能,今天来看一下TextField文本框组件,文本输入是最常见的一种交互方式,TextField组件就是用来做文本输入的组件.注意这个要和Text组件区分开来,Text组件主要用于显示文本,并不能接受输入文…

Flutter学习笔记（24）--SingleChildScrollView滚动组件

如需转载,请注明出处:Flutter学习笔记(23)--多在我们实际的项目开发中,经常会遇到页面UI内容过多,导致手机一屏展示不完的情况出现,以Android为例,在Android中遇到这类情况的做法通常就是使用ScrollView将内容包裹起来,如果不做可滑动的处理,Android上的表现为页面的部分内容无法展示,而在Flutter中,如果内容过多无法展示完全,屏幕的边界会给我们一个OVERFLOWED的警告提示,在Flutter中我们通常使用SingleChildScrollView处理滑…

Flutter学习笔记（29）--Flutter如何与native进行通信

如需转载,请注明出处:Flutter学习笔记(29)--Flutter如何与native进行通信前言:在我们开发Flutter项目的时候,难免会遇到需要调用native api或者是其他的情况,这时候就需要处理Flutter与native的通信问题,一般常用的Flutter与native的通信方式有3中. 1.MethodChannel:Flutter端向native端发送通知,通常用来调用native的某一个方法. 2.EventChannel:用于数据流的通信,有监听功能,比如电量变化后直…

Flutter学习笔记（26）--返回拦截WillPopScope，实现1秒内点击两次返回按钮退出程序

如需转载,请注明出处:Flutter学习笔记(26)--返回拦截WillPopScope,实现1秒内点击两次返回按钮退出程序在实际开发中,为了防止用户误触返回按钮导致程序退出,通常会设置为在1秒内连续点击两次才会退出应用程序.Android中一般的处理方式是在onKeyDown方法内做计时处理,当keyCode == KeyEvent.KEYCODE_BACK 且两次点击返回按钮间隔时间小于1秒则退出应用程序,在Flutter中可以通过WillPopScope来实现拦截返回按钮,并且在其内部…

【Flutter学习】页面布局之其它布局处理

一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照<Flutter技术入门与实战>上面来说的话,大概分为四类基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用),FittedBox(缩放布局)…

【Flutter学习】页面布局之列表和表格处理

一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照<Flutter技术入门与实战>上面来说的话,大概分为四类基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用),FittedBox(缩放布局)…

【Flutter学习】页面布局之宽高尺寸处理

一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照<Flutter技术入门与实战>上面来说的话,大概分为四类基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用),FittedBox(缩放布局)…

【Flutter学习】页面布局之基础布局组件

一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照<Flutter技术入门与实战>上面来说的话,大概分为四类基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用),FittedBox(缩放布局)…

Flutter学习笔记（31）--异步更新UI

如需转载,请注明出处:Flutter学习笔记(31)--异步更新UI 大家都知道,子线程不能操作UI控件,在我们Android的日常开发中,经常会遇到网络请求数据通过线程间通信,将数据发送到UI线程中去更新UI,在Flutter中是如何处理异步更新UI的呢? 今天我们介绍一下FutureBuilder. const FutureBuilder({ Key key, this.future, this.initialData, @required this.builder, }) 构造参数说明:…

Flutter学习笔记（32）--PointerEvent事件处理

如需转载,请注明出处:Flutter学习笔记(32)--PointerEvent事件处理在Android原生的开发中,对于事件的处理,我们都知道事件分为down.move.up事件,对于ViewGroup有事件分发.拦截和消费处理,对于View有分发和消费处理,在Flutter中也是一样,事件分为down.move.up事件. 在Flutter中对事件的监听是通过Listener来监听原始触摸事件,Listener的构造方法如下: const Listener({ Key key, this.…

Flutter学习六之实现一个带筛选的列表页面

上期实现了一个网络轮播图的效果,自定义了一个轮播图组件,继承自StatefulWidget,我们知道Flutter中并没有像Android中activity的概念.页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件,那如果我想在A组件中更新B组件的数据应该怎么实现呢? 今天我们来实现一个支持筛选的列表页面.前面我们已经实现来一个支持下拉刷新和上拉加载更多的列表组件,这里就不在做更多介绍来,效果图如下: 通过点击左滑菜单筛选列表的数据.由于列表在之前的一篇文章已经说明过Flutter学习…

Flutter学习(9)——Flutter插件实现(Flutter调用Android原生

原文地址: Flutter学习(9)--Flutter插件实现(Flutter调用Android原生) | Stars-One的杂货小窝最近需要给一个Flutter项目加个apk完整性检测,需要去拿到当前安装apk的md5数值,由于Flutter中无法实现,需要调用原生Android代码才能实现,于是花了些时间研究了下插件的实现,特此记录步骤说明 1.打开android文件夹 flutter中有个ios和android的文件夹,分别对应的Android和Ios的原生代码我们想要实现FLut…

Flutter 学习资料

Flutter 学习资料: 学习资料网址 Flutter 中文网 https://flutterchina.club/ <Flutter实战>电子书 https://book.flutterchina.club/…

Flutter学习笔记与整合

1.Dart 面向对象语言,与java类比学习非常适合移动和Web应用程序 1.dart官网 2.Dark2 中文文档 3.Dart语法学习 4.极客学院Dart学习 5.Flutter与Dart 入门 2.Flutter 树形布局,一切皆组件 1.flutter文档 2.社区中文资源 2.flutter中文文档(更新滞后) 3.flutter学习入门: http://jspang.com/archives/ https://juejin.im/user/59ed44cf6fb9a0451c3…

Flutter学习指南：UI布局和控件

Flutter学习指南:UI布局和控件 - IT程序猿 https://www.itcodemonkey.com/article/11041.html…

Flutter学习笔记（4）--Dart函数

如需转载,请注明出处:Flutter学习笔记(4)--Dart函数 Dart是一个面向对象的语言,所以函数也是对象,函数属于Function对象,函数可以像参数一样传递给其他函数,这样便于做回调处理: 一.指定返回值的函数 //判断两个字符串是否相等 bool isEqual(String name1,String name2){ return name1 == name2; } print(isEqual('张三','李四')); //打印结果:false 上面的示例我们指定了参数的类型,在不…

Flutter学习笔记（5）--Dart运算符

如需转载,请注明出处:Flutter学习笔记(5)--Dart运算符先给出一个Dart运算符表,接下来在逐个解释和使用.如下: 描述运算符一元后缀 expr++ expr-- () [] . ?. 一元前缀…

Flutter学习笔记（6）--Dart异常处理

如需转载,请注明出处:Flutter学习笔记(6)--Dart异常处理异常是表示发生了意外的错误,如果没有捕获异常,引发异常的隔离程序将被挂起,并且程序将被终止: Dart代码可以抛出并捕获异常,但与java相反,Dart的所有异常都是未检查的异常,方法不声明它们可能抛出哪些异常,也不需要捕获任何异常: Dart提供了异常和错误类型以及许多预定义的子类型,当然,也可以定义自己的异常,然而,Dart成语可以抛出任何非空对象: 抛出异常下面是一个抛出或引发异常的例子: throw FormatE…

Flutter学习笔记（8）--Dart面向对象

如需转载,请注明出处:Flutter学习笔记(7)--Dart异常处理 Dart作为高级语言,支持面向对象的很多特性,并且支持基于mixin的继承方式,基于mixin的继承方式是指:一个类可以继承自多个父类,相当于其他语言里的多继承.所有的类都有同一个基类Object,这和特性类似于Java语言,Java所有的类也都是继承自Object,也就是说一切皆对象. //实例化了一个User类的对象user ); 实例化成员变量 Class User{ String name;//name 成员变量 i…