前言 对话框本质上也是UI布局,通常一个对话框会包含标题.内容,以及一些操作按钮,为此,Material库中提供了一些现成的对话框组件来用于快速的构建出一个完整的对话框. 接口描述 // 1. AlertDialog const AlertDialog({ Key key, // 对话框组件标题 this.title, // 标题填充 this.titlePadding, // 标题文本样式 this.titleTextStyle, // 对话框内容组件 this.content, // 内容的…

[toc] 简介 对于现代APP的应用来说,为了更加美观,通常会需要用到不同图像的堆叠效果,比如在一个APP用户背景头像上面添加一个按钮,表示可以修改用户信息等. 要实现这样的效果,我们需要在一个Image上面堆叠其他的widget对象,flutter为我们提供了这样的一个非常方便的layout组件叫做Stack,今天和大家一起来聊一聊Stack的使用. Stack详解 我们先来看下Stack的定义: class Stack extends MultiChildRenderObjectWidge…

目录 简介 GridView详解 GridView的构造函数 GridView的使用 总结 简介 GridView是一个网格化的布局,如果在填充的过程中子组件超出了展示的范围的时候,那么GridView会自动滚动. 因为这个滚动的特性,所以GridView是一个非常好用的Widget.今天我们一起来探索一下GridView这个layout组件的秘密. GridView详解 GridView是一个可滚动的view,也就是ScrollView,事实上GridView继承自BoxScrollView:…

目录 简介 ListView详解 ListView中的特有属性 ListView的构造函数 ListView的使用 总结 简介 ListView是包含多个child组件的widget,在ListView中所有的child widget都是以list的形式来呈现的,你可以自定义List的方向,但是和GridView不同的是ListView中的每一个List里面都只包含一个widget. 今天我们来详细了解一下ListView的底层实现和具体的应用. ListView详解 和GridView一样,L…

本文主要介绍Flutter布局中的LimitedBox.Offstage.OverflowBox.SizedBox四种控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析. 1. LimitedBox A box that limits its size only when it's unconstrained. 1.1 简介 LimitedBox,通过字面意思,也可以猜测出这个控件的作用,是限制类型的控件.这种类型的控件前面也介绍了不少了,这个是对最大宽高进行限制的控件. 1.2 布局行…

1. LimitedBox A box that limits its size only when it's unconstrained. 1.1 简介 LimitedBox,通过字面意思,也可以猜测出这个控件的作用,是限制类型的控件.这种类型的控件前面也介绍了不少了,这个是对最大宽高进行限制的控件. 1.2 布局行为 LimitedBox是将child限制在其设定的最大宽高中的,但是这个限定是有条件的.当LimitedBox最大宽度不受限制时,child的宽度就会受到这个最大宽度的限制,同理…

本文主要介绍Flutter中非常常见的Container,列举了一些实际例子介绍如何使用. 1. 简介 A convenience widget that combines common painting, positioning, and sizing widgets. Container在Flutter中太常见了.官方给出的简介,是一个结合了绘制(painting).定位(positioning)以及尺寸(sizing)widget的widget. 可以得出几个信息,它是一个组合的widge…

Text 组件 textAlign     文本对齐方式(center 居中,left 左对齐,right 右对齐,justfy 两端对齐) textDirection   文本方向(ltr 从左至右,rtl 从右至左) overflow    文字超出屏幕之后的处理方式(clip裁剪,fade 渐隐,ellipsis 省略号) textScaleFactor    字体显示倍率 maxLines  文字显示最大行数 style  字体的样式设置   TextStyle 的参数 : decora…

老孟导读:pubspec.yaml 文件是 Flutter 中非常重要的配置文件,下面就让我们看看里面各个配置的含义. pubspec.yaml 是 Flutter 项目的配置文件,类似于 Android 中的 Gradle 配置文件,下面我们就看看 pubspec.yaml 中各个属性的配置. 创建一个新的项目(Flutter Application),pubspec.yaml 位于根目录,如图: 项目中默认配置,去掉注释部分,剩下如下: name: flutter_app descripti…

目录 简介 Container的使用 旋转Container Container中的BoxConstraints 总结 简介 在上一篇文章中,我们列举了flutter中的所有layout类,并且详细介绍了两个非常常用的layout:Row和Column. 掌握了上面两个基本的layout还是不够的,如果需要应付日常的layout使用,我们还需要掌握多一些layout组件.今天我们会介绍一个功能强大的layout:Container layout. Container的使用 Container是一…