浩浩
  • 46
    文章
  • 1
    专栏
  • 32860
    访问
  • 4
    粉丝
  • 4
    关注
  • 5
    获赞

浩浩 等级

这家伙很懒,什么都没有留下
  • 最新发表
  • 最多访问
  • 最多收藏
  • 最多评论
【Flutter实战】对齐与相对定位(Align)

4.6 对齐与相对定位(Align)在上一节中我们讲过通过Stack和Positioned,我们可以指定一个或多个子元素相对于父元素各个边的精确偏移,并且可以重叠。但如果我们只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些。 4.6.1 AlignAlign 组件可以调整子组件的位置,并且可以根据子

浩浩
743
0
0
【Flutter实战】层叠布局(Stack、Positioned)

4.5 层叠布局 Stack、Positioned层叠布局和Web中的绝对定位、Android中的Frame布局是相似的,子组件可以根据距父容器四个角的位置来确定自身的位置。绝对定位允许子组件堆叠起来(按照代码中声明的顺序)。Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位。Stack允许子组件堆叠,而Pos

浩浩
721
0
0
【Flutter实战】流式布局(Wrap、Flow)

4.4 流式布局在介绍Row和Colum时,如果子widget超出屏幕范围,则会报溢出错误,如:dartRow( children: <Widget Text("xxx"100) ,);可以看到,右边溢出部分报错。这是因为Row默认只有一行,如果超出屏幕不会折行。我们把超出屏幕显示范围会自动折行的布局称为流式布局。Flutt

浩浩
829
0
0
【Flutter实战】线性布局(Row、Column)

4.2 线性布局(Row和Column)所谓线性布局,即指沿水平或垂直方向排布子组件。Flutter中通过Row和Column来实现线性布局,类似于Android中的LinearLayout控件。Row和Column都继承自Flex,我们将在弹性布局一节中详细介绍Flex。 主轴和纵轴对于线性布局,有主轴和纵轴之分,如果

浩浩
727
0
0
【Flutter实战】布局类组件简介

4.1 布局类组件简介布局类组件都会包含一个或多个子组件,不同的布局类组件对子组件排版(layout)方式不同。我们在前面说过Element树才是最终的绘制树,Element树是通过Widget树来创建的(通过Widget.createElement()),Widget其实就是Element的配置数据。在Flutter中,根据Widget是否

浩浩
667
0
0
【Flutter实战】进度指示器

3.8 进度指示器Material 组件库中提供了两种进度指示器:LinearProgressIndicator和CircularProgressIndicator,它们都可以同时用于精确的进度指示和模糊的进度指示。精确进度通常用于任务进度可以计算和预估的情况,比如文件下载;而模糊进度则用户任务进度无法准确获得的情况,如下拉刷新,数据提交等。

浩浩
632
0
0
【Flutter实战】输入框和表单

3.7 输入框及表单Material组件库中提供了输入框组件TextField和表单组件Form。下面我们分别介绍一下。 3.7.1 TextFieldTextField用于文本输入,它提供了很多属性,我们先简单介绍一下主要属性的作用,然后通过几个示例来演示一下关键属性的用法。dartconst TextField({ ...

浩浩
650
0
0
【Flutter实战】单选框和复选框

3.6 单选开关和复选框Material 组件库中提供了Material风格的单选开关Switch和复选框Checkbox,虽然它们都是继承自StatefulWidget,但它们本身不会保存当前选中状态,选中状态都是由父组件来管理的。当Switch或Checkbox被点击时,会触发它们的onChanged回调,我们可以在此回调中处

浩浩
602
0
0
【Flutter实战】图片和Icon

3.5 图片及ICON 3.5.1 图片Flutter中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。 ImageProviderImageProvider 是一个抽象类,主要定义了图片数据获取的接口load(),从不同的数据源获取图片需要实现不同的ImageProvi

浩浩
740
0
0
【Flutter实战】按钮

3.4 按钮 3.4.1 Material组件库中的按钮Material 组件库中提供了多种按钮组件如RaisedButton、FlatButton、OutlineButton等,它们都是直接或间接对RawMaterialButton组件的包装定制,所以他们大多数属性都和RawMaterialButton一样。在介绍各个按钮时我们

浩浩
613
0
0