Flutter 控件参数详解
文章平均质量分 88
Flutter是谷歌的移动UI框架,用于在创纪录的时间内在iOS和Android上制作高质量的原生界面。Flutter与现有代码一起使用,被世界各地的开发人员和组织使用,并且是免费和开源的。
学习过程对各控件参数进行详解,让学者更了解控件属性。
Mr.ChenYY
在做好的事件上说不好,为了让事情更加美好。
展开
-
Flutter Scaffold 参数详解
1.Scaffold1.1 继承关系Object > Diagnosticable > DiagnosticableTree > Widget > StatefulWidget > Scaffold1.2 介绍实现基本设计视觉布局结构。支撑整个界面的内容,也是继承于Widget,一个控件。1.3 参数详解 参数类型 ...原创 2018-12-24 15:45:46 · 5671 阅读 · 0 评论 -
Flutter RaisedButton、FlatButton、OutlineButton 参数详解
1.继承关系Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > MaterialButton > RaisedButton、FlatButton、OutlineButton2.介绍 RaisedButton Material D...原创 2018-12-05 12:22:16 · 20082 阅读 · 0 评论 -
Flutter Icon、ImageIcon、IconButton参数详解
1.继承关系Icon: Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > IconImageIcon: Object > Diagnosticable > DiagnosticableTree > Widget > ...原创 2018-11-30 21:45:29 · 37922 阅读 · 2 评论 -
Flutter Text 参数详解
1.继承关系Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Text2.介绍显示“ 文本”单个样式的文本字符串小组件。3.创建Text创建有三种,效果如下: new Text() 构造方法创建,只能生成一种styl...原创 2018-11-27 22:16:35 · 31251 阅读 · 1 评论 -
Flutter BlendMode混合模式详解
原文: https://docs.flutter.io/flutter/dart-ui/BlendMode-class.html1.介绍:在画布上绘画时使用的算法。在画布上绘制形状或图像时,可以使用不同的算法来混合像素。BlendMode的不同值指定不同的此类算法。每个算法都有两个输入,即源(即正在绘制的图像)和目标(即要合成源图像的图像)。目的地通常被认为是背景。源和目标都有四个...转载 2018-11-27 22:07:54 · 17071 阅读 · 1 评论 -
Flutter Image 参数详解
1.继承关系Object > Diagnosticablet > DiagnosticableTreet > Widgett > StatefulWidgett > Image2.介绍一个显示图片的widget,支持图像格式:JPEG,PNG,GIF,动画GIF,WebP,动画WebP,BMP和WBMP3.创建Image一共有五种方法: ...原创 2018-11-15 22:23:54 · 17244 阅读 · 1 评论 -
Flutter Row、Column 参数详解
1.继承关系Object > Diagnosticable > DiagnosticableTree > Widget > RenderObjectWidget > MultiChildRenderObjectWidget > Flex > Row、Column2.Row介绍 在水平方向上排列子widget的列表,如android的线性布局设...原创 2018-11-08 20:44:18 · 6331 阅读 · 0 评论 -
Flutter Decoration背景设定(边框、圆角、阴影、形状、渐变、背景图像等)
1 继续关系:BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像ShapeDecoration:实现四个边分别指定颜色和宽度、底部线、矩形边色、圆形边色、体育场(竖向椭圆)、 角形(八边角)边色FlutterLogoDecoration:实现Flutter图片UnderlineTabindicator:下划线2 介绍一个背景装饰对象,相当于Andro...原创 2018-11-01 22:10:21 · 127771 阅读 · 2 评论 -
Flutter Container 参数详解
1 基本内容1.1 继续关系Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Container注:所有控件都是Widget的子类!1.2 介绍一个便利的控件,结合了常见的绘画,定位和大小调整。1.3 行为由于Container结合了许多其他...原创 2018-10-12 21:12:38 · 22629 阅读 · 2 评论 -
Flutter 安装
简单地说:Flutter 是一个移动 SDK ,可以创建混合移动应用(编写一份代码,在 Android 和 iOS 都可以运行这个应用程序)。学习地址 Flutter中文网:https://flutterchina.club/本人开始入坑flutter,使用mac系统进行安装,遇到了一些坑,记录一下,并简单总结一下步骤。1.首先为什么要用 Flutter ?1.1 应用运行...原创 2018-09-19 21:39:39 · 2452 阅读 · 0 评论