资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

flutter注解,flutter 注解

2020-05-15 flutter BoxConstraints and layout

在出现布局错误时能尽快找到错误原因。

目前成都创新互联公司已为1000+的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、永康网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

以下是对关键内容的翻译和注解。

flutter的布局模型是“一步布局模型”(one-pass layout model),在渲染树中,向下treewalk传递给子 盒约束,然后再向上treewalk将计算好的几何形状(比如高度、宽度等)传递给父。我理解one-pass layout model就是一遍就将布局计算好。不会多次treewalk去计算布局,或多次重绘(repaint)并多次计算布局。

计算的好的几何形状必须符合盒约束的要求。

盒约束有四个值,minWidth,maxWidth,minHeight,maxHeight,符合盒约束的意思就是说 计算出的宽高必须在最大值和最小值之间 。

我猜测,在将盒约束向子传递的过程中,子会根据父的盒约束,设置自己的盒约束,而不是单纯的继承父的盒约束。稍后结合Flex布局可以解释。

盒约束的最小值和最大值相等。因此在tight约束下的子的高宽将等于父的高宽,也就是说子是紧紧(tight)贴着父的。

盒约束的最小值为0,也就是说子可以是小于盒约束最大值的任何值,也就是说子是不紧贴(松的,loose)父的。

盒约束的最大值不是infinite(无穷大)

盒约束的最大值是infinite(无穷大)

盒约束的最小值是infinite(无穷大),他的子的宽或高只能取无穷大。

子的宽高(Size)符合盒约束的要求。

以下摘抄原文档并翻译,并加以分析。为了关注要点, 忽略crossAxis方向(水平方向)的处理 。

以下图为Column布局实例。

给column布局进行了以下6步操作

首先给每个非flex子元素,设置竖直方向unbounded(无界)的盒约束。结合图片,也就是将1、2两个子设置好竖直方向无界的盒约束。示例中1和2设置了高度,因此一共占用高度是5+3=8.

按flex的比例给flex元素分配剩余的空间。因为示例只有一个flex元素,即3号元素,因此将占有剩余全部空间,高度是20-5-3 = 12。

在第二步中分配好空间的flex元素,给他设置的盒约束不是竖直方向unbounded(给非flex元素设置的是竖直方向unbounded),而是有界的盒约束,盒约束的maxHeight是12,即第二步中被分配的高度。

水平方向不解释了。高度设置完了他去设置宽度。

Column组件的总高度是由mainAxisSize属性决定的,如果值是MainAxisSize.max,Column的高度就是Column的盒约束的maxHeight值,示例中我们给Column设置了高度为20的bounded盒约束,假设Column.mainAxisSize=MainAxisSize.max,那么Column的高度就是20.如果mainAxisSize=MainAxisSize.min,Column的高度将由其子元素的高度和决定。假设3号flex元素不设置成flex元素,而是固定高度为8,那么Column的高度就是5+3+8=16.

设置子元素的位置,即设置靠左,靠右,居中,分散等,与本示例关系不大。

根据第一步,inner column被outer column设置了无界(unbounded)的盒约束,Column会紧包children,而inner column的Expanded要撑开以占用inner column的剩余空间,这就冲突了。

解决方案:给inner column设置有界的盒约束即可。比如给inner column外包一层有高度的Container。

下面这种方案,给inner column包一层Expanded也可以,是因为在outer column中,Expanded会被设置成有界的盒约束(结合第三步),因此Expanded就可以向外扩展(expand)了。

Flutter入门-Dart面向对象原理

Dart作为高级语言,支持面向对象的很多特性,并且支持基于mixin的继承方式,基于mixin的继承方式是指:一个类可以继承自多个父类,相当于其他语言里的多继承。所有的类都有同一个基类Object,这和特性类似于Java语言,Java所有的类也都是继承自Object,也就是说一切皆对象。

Dart 是一门面向对象的语言, 全部的类都是继承自 Object , 除了支持传统的 继承、封装、多态 , 还有基于组合(Mixin-based)的继承特性

类型推导(var/final/const)

var

final和const的区别

3.非零即真( )

4.字符串

5.集合

Dart中变量初始值为null,即使是int类型也可以是null(java中int默认是0, boolean默认是false); Dart支持自识别,可以是用var定义变量,也可以直接指定具体类型; final或者const都可修饰不可变的变量,final变量只能赋值一次,const是编译时常量。

int和double是num子类,没有float类型; 支持字符串模板,用${expression}的方式来实现字符串效果,类似如字符串拼接; String可以使用单引号或者双引号; Dart没有数组,只有列表; 其中List,Set,Map不是抽象接口,是具体实现类,可直接使用; Map的key没有指定类型,key类型不一致不会报错;key不能相同,但是value可以相同,value可以为null。 var name = 'Tom';

方法也是对象,方法可赋值给一个变量; 如果方法的参数是解构出来的可以通过 @required 注解标注为必填 const Scrollbar({Key key, @required Widget child}); 支持可选参数,可选命名参数用{}包围,可选位置参数写在最后并且使用[]包围 String say(String from, String msg, [String device]); 支持默认参数 void enableFlags({bool bold = false, bool hidden = false}) {…}; 以_开头的方法都是私有的。 void main() {

支持闭包,闭包能够访问外部方法内部的局部变量

1.空替换?? expr1 ?? expr2,如果expr1是non-null,返回其值。否则执行expr2并返回其结果; 2.条件成员访问?.P?.y = 4; 如果p是non-null,则设置y的值等于4; 3.类型判定操作符(as,is,is!); 4.级联操作,可以在同一个对象上连续调用多个函数以及访问成员变量;

和java不同的是,Dart可以抛出任意类型的对象; 程序不会强制要求开发中处理异常,但若发生异常,程序会中断; 其中异常主要分为Error和Exception两种类型。

创建对象可以不使用new关键字; Dart中没有public,private,protected这些关键字; 没有interfaces关键字,每一个类都是一个接口。我们可以用抽象类来类比java中的接口; Dart把多重继承的类叫做Mixins。

支持语法糖 Point(this.x, this.y); 每个实例变量都会自动生成一个getter方法,Non-final变量还会自动生成一个setter; 命名构造函数,使用命名构造函数可以为一个类实现多个构造函数,也能更加清晰的表明你的意图;

断言是如果条件表达式不满足则停止代码执行; 断言只在检查模式下运行有效,如果在生产模式下运行则不会执行。

Dart 以两种模式运行: Dart 1.x 有生产模式和检查模式两种模式, Dart 2.x 中移除了检查模式。

注:建议在开发/测试模式中使用 检查模式 运行 Dart VM ,因为它会添加警告和错误以帮助开发和调试过程;选中的模式会强制执行各种检查,例如类型检查等。

dart标识符可以包括字符和数字,但不能以 数字开头 。

Dart 是一种面向对象的编程语言。

代码说明:定义了一个类 TestClass ,这个类拥有一个方法 disp() ,方法可以实现在终端打印字符串 Hello Dart! ,使用 new 关键字创建类的对象,该对象调用方法 disp() 。

关于dart的学习还有很多;我列出如下: Flutter高级工程师进阶学习资料;需要可以私信我。发送“核心笔记”或“手册”,即可领取资料!

FlutterJsonBeanFactory插件json使用

使用注解@JSONField

其中name: "list"的list就是后台返回字段名称,deserialize(默认true)是否参与fromJson解析,serialize(默认true)是否参与tojson,

比如包含如下json

可以解析出来list中map的所有字段,并且每个list的map字段不同或者为null问题有会做出处理

helper文件内容

直接传递上面生成的entity就可以自动根据map解析出对应实例,并自动赋值

网络请求实例

dio请求部分

这些操作完成后自动生成如下文件

@JSONField作用在Field时,其name不仅定义了输入key的名称,为了防止后台返回数据不规范,但是flutter端需要按照驼峰命名

a_b_c_entity_helper.dart类提供了eitity类的tojson和fromjson代理方法

json_convert_content.dart提供了json_convert_content.dart.fromJsonAsT方法 根据泛型来解析json成对象

flutter external关键字详解

external关键字估计用到人很少,在看源码的时侯经常可以看到,如下:

我看到网上一句英文总结的很好

翻译过来就是external用来修饰不是抽象class里的抽象方法,简单来说, external只声明方法,声明的方法需要由外部去实现 ,通常是由底层sdk根据不同平台(vm、web等)实现;若外部没实现,则会返回null;

external声明的方法,通过@patch注解实现 ,结构如上;

比如Object里各种external声明方法的实现如下:

更多信息,请移步 如何找到flutter external声明方法的实现


当前标题:flutter注解,flutter 注解
链接URL:http://www.cdkjz.cn/article/dssphio.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220