你是否需要了解​​Flutter​​布局的案例？ 这里我将展示我在使用​​Flutter​​布局的代码片段。我将通过精美的代码片段结合可视化的图形来举例。 本文注重​​Flutter​​部件中比较有用的一些来展示，而不是走马观花展示一大推的部件内容。 RowandColumn 行（Row）和列（Column）的布局 MainAxisAlignment Row Column Row/orColumn/(mainAxisAlignment:MainAxisAlignment.start,children:<Widget>[Icon(Icons.s...

前言 2019GoogleI/O大会，google就推出 ​​Provider​​ ，成为官方推荐的状态管理方式之一，Flutter状态管理一直是个很热门的话题，而且状态管理的库也是超级多，这确实是我们每一个做Flutter开发难以避免的一道坎，既然这么重要，我们如何去理解它，如何使用它，如何做到更好呢？接下来让我告诉你答案  主要内容 一张图告诉你，我要讲的主要内容。下面将围绕这八个方面来讲。七个理论，一个实践。 状态管理是什么 为什么需要状态管理 状态管理基本分类 状态管理的底层逻辑 状态管理的使用原则 使用成熟状态管理库的弊端 选择状态管理库的原则 P...

前言 ​​Flutter1.22​​​ 发布带来了Navigator2.0,给了开发者更多选择，你可以灵活地管理路由栈，可以处理在浏览器里面输入的情况，也可以嵌套多个 ​​Navigator​​​，虽然仍然有缺点，但是基本上可以做到 ​​路由我定​​​。下面跟我一起走进Flutter路由的世界。本文源码版本为 ​​FlutterStable1.22.6​​。 路由基础 ​​Navigator​​ 负责整个路由栈,在结构上面其实是一个 ​​Overlay​​​ 有点类似 ​​Stack​​​，大家经常用它来做 ​​...

前言   因为Flutter2.0已经出来很久了，空安全(Null-Safety)也说了好一阵了。但是就Flutter这个鬼德性，不敢动呀！虽然已上线的项目FlutterSDK已经跑在Flutter2.0之上了，有问题的第三方库也已经更新了。但是它重点宣传的Null-safety没敢动。   试了试“dartmigrate--skip-import-check”命令来自动将项目迁移到空安全上，命令运行完，打开生成的链接，一万个草泥马飘过，几百个Change。哥惹不起，默默x掉了窗口。看着窗外，冷静了几分钟。不禁笑出了声，还好哥机智预知详情，请看下图：   这是一次失败的...

回顾 FlutterStateManagement状态管理全面分析上期我们对Flutter的状态管理有了全局的认知，也知道了如何分辨是非好坏，不知道也没关系哦，我们接下来还会更加详细的分析，通过阅读Provider源码，来看看框架到底如何组织的，是如何给我们提供便利的。 本期内容 通过官方我们已经知道其实Provider就是对InheritedWidget的包装，只是让InheritedWidget用起来更加简单且高可复用。我们也知道它有一些缺点，如 容易造成不必要的刷新 不支持跨页面(route)的状态，意思是跨树，如果不在一个树中，我们无法获取 数据是不可变的，必须结合Stateful...

通过这些项目你可以大幅度减少不必要的开发而将精力放在更重要的地方。   一、依赖注入DI通过依赖注入减少View、服务、资源简化初始化，事件绑定等重复繁琐工作1.AndroidAnnotations(CodeDiet)android快速开发框架项目地址：https://github.com/excilys/androidannotations 文档介绍：https://github.com/excilys/androidannotations/wiki 官方网站：http://androidannotations.org/特点：(1)依赖注入：包括view，extras，系统服务，...

andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。 特别献上整理过的50道面试题目 1.listView的优化方式 重用convertView viewHolder staticclassviewHolder 在列表里面有图片的情况下,监听滑动不加载图片 多个不同布局，可以创建不同的viewHolder和convertView进行重用 2.listView展示数据几种形式 从sqlite拉取数据源显示 从xml使用pull解析拉...

sb.setSpan(newReplacementSpan(){@OverridepublicintgetSize(Paintpaint,CharSequencetext,intstart,intend,FontMetricsIntfm){//最后一个参数为end-1，防止这个span最后与下一个字符之间有空格if(fm!=null){paint.getFontMetricsInt(fm);}return(int)paint.measureText(text,start,end);}@Overridepublicvoiddraw(Canvascanvas,CharSequencetex...

在学习Flutter之前，让我们先来认识下什么是Flutter跨平台。Flutter是谷歌开源的一款移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。同时，Flutter可以与现有的代码一起工作，在全世界，Flutter正在被越来越多的开发者和组织使用。 Dart部分 之所以采用Dart语言来进行Flutter应用开发，而并非Java、Javascript这类热门语言，这是Flutter团队对当前热门的10多种语言慎重评估后的选择。因为Dart囊括了多数编程语言的优点，它更符合Flutter构建界面的方式。 Dart语言是在2011年10月由Google开发的一款高级...

Flutter在Build完成后的监听和每一帧绘制完成后的监听 这个是我们监听要用的重要的类------->WidgetsBinding 官方是这么描述它的 ThegluebetweenthewidgetslayerandtheFlutterengine. 中文的意思是控件层和Flutter引擎之间的粘合剂。就是这个类它能监听到第一帧绘制完成，第一帧绘制完成标志着已经Build完成，并交由引擎绘制结束；我们看下是哪个方法肩负此重任 //ScheduleacallbackfortheendofthisframeaddPostFrameCallback(FrameCallback...

PageA的定义如下 classPageAextendsStatefulWidget{PageA({Keykey}):super(key:key);@overridePageAStatecreateState(){returnPageAState();}}classPageAStateextendsState<PageA>{staticGlobalKeyhomeKey=GlobalKey();//关键代码staticcurrentInstance(){varstate=PageAState.homeKey.currentContext.findAncestorStateOf...

Alignment  constAlignment(this.x,this.y):assert(x!=null),assert(y!=null); 参数x：-1：最左边1:最右边0：中间参数y：-1：最上边1:最下边0：中间 比如：Alignment(0,0)代表控件的中心坐标系如下图：   Container(width:300,height:100,color:Color(0xFFFF0000),alignment:Alignment(1,0),child:Text('Alignment(1,0)',textDirection:TextDirec...

在flutter中只用GestureDetector添加点击事件，发现在空白区域点击无效，事件不响应。解决办法： GestureDetector(behavior:HitTestBehavior.opaque,) 说明: ///Howtobehaveduringhittests.enumHitTestBehavior{///Targetsthatdefertotheirchildrenreceiveeventswithintheirbounds///onlyifoneoftheirchildrenishitbythehittest.deferToChild,///Opaqu...

前言 想要记录一下Stack布局中，定位的两种方式 代码 //……省略无关代码……child:newColumn(children:<Widget>[newSizedBox(height:20.0),newStack(alignment:constFractionalOffset(0.9,0.1),//方法一，括号里的值范围是01children:<Widget>[newImage(image:newAssetImage("assets/images/illustration_11.jpg"),width:300.0,height:200.0,fit:BoxFi...

Flutter中几乎所有的东西都是一个小部件，当你编写小部件时，你可以构建一个布局。例如，您可以在列小部件中添加多个小部件以创建垂直布局。随着您继续添加更多小部件，您的Flutter应用程序布局将变得越复杂。 在本文中，我将介绍一些在布局Flutter应用程序时要实施的最佳实践。 在Flutter中使用SizedBox代替Container 有许多使用情况下，你需要使用占位符。让我们看一下下面的例子： return_isLoaded?Container():YourAwesomeWidget(); ​​Container​​​是一个很棒的小部件，您将在Flutter中广泛使用它。...

一、认识组件1.CustomSingleChildLayout组件介绍可容纳一个子组件，并指定代理类对子组件进行排布。代理类可获取父容器区域和子组件的区域大小，及区域约束情况。 名称:   CustomSingleChildLayout 通用单子排布类型:   布局型重要性:  ☆☆☆相关组件: 【Align】、【FractionallySizedBox】、【CustomMultiChildLayout】 家族:   RenderObjectWidge...

问题描述 StatefulWidget作为一种状态可变的控件，其状态的改变通常是由State.setState进行的，但当我们需要在StatefulWidget之外改变它的状态时，因Widget的重新构造并不一定使得State重新构造，所以我们难以直接获取当前Widget所绑定的State，从而改变StatefulWidget的状态。 解决方案 常规方案 我们可以为StatefulWidget设置一个GlobalKey()，通过GlobalKey.currentState来获取当前绑定的State实例。示例如下：  class_WidgetextendsStatefulWid...

1.CustomScrollView ListView、GridView、PageView都是一个完整的可滚动组件，所谓完整是指它们都包括Scrollable、Viewport和Sliver。假如我们想要在一个页面中，同时包含多个可滚动组件，且使它们的滑动效果能统一起来，比如：我们想将已有的两个沿垂直方向滚动的ListView成一个ListView，这样在第一ListView滑动到底部时能自动接上第二ListView，如果尝试写一个demo： classMSTwoListViewDemo1extendsStatelessWidget{@overrideWidgetbuild(Build...

child:Padding(padding:constEdgeInsets.all(20.0),child:Row(children:[Expanded(flex:2,child:OutlinedButton(onPressed:(){},child:Text("确认注销",style:TextStyle(color:Colors.grey),),style:OutlinedButton.styleFrom(shape:RoundedRectangleBorder(borderRadius:BorderRadius.circular(18.0),),side:BorderSide(wi...

LayoutBuilder 通过LayoutBuilder，我们可以在布局过程中拿到父组件传递的约束信息，然后我们可以根据约束信息动态的构建不同的布局。 比如我们实现一个响应式的Column组件ResponsiveColumn，它的功能是当当前可用的宽度小于200时，将子组件显示为一列，否则显示为两列。简单来实现一下： classResponsiveColumnextendsStatelessWidget{constResponsiveColumn({Key?key,requiredthis.children}):super(key:key);finalList<Widget&g...