前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Flutter常用widget “Stack”

Flutter常用widget “Stack”

作者头像
坑吭吭
发布于 2018-08-31 09:26:18
发布于 2018-08-31 09:26:18
62700
代码可运行
举报
运行总次数:0
代码可运行

顾名思义:栈布局,有的文章说是像安卓里面的线性布局,不过这里我觉得更像帧布局吧。

构造方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Stack({
    Key key,
    this.alignment: AlignmentDirectional.topStart,
    this.textDirection,
    this.fit: StackFit.loose,
    this.overflow: Overflow.clip,
    List<Widget> children: const <Widget>[],
  }) : super(key: key, children: children);

默认的没有设置位置参数的子项将会放在左上角

  • alignment 这个参数还是主要负责子项的位置,具体使用规则可以参照Container里面的alignment
  • fit 如何测量没有位置的子元素的大小
  • overflow 子项超出部分是否需要被裁剪
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.07.23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter Stack 组件
alignment : 指的是子Widget的对其方式,默认情况是以左上角为开始点 。
赵哥窟
2019/09/25
1K0
Flutter Stack 组件
Flutter 相对布局之Stack
相对布局,类似于android中的RelativeLayout、FrameLayout。 既可以相对父容器确定自己的位置,也可以多个widget重叠显示。 Stack与Positioned搭配使用。
yechaoa
2022/06/10
7810
Flutter 相对布局之Stack
Flutter Stack、Positioned 层叠布局
Flutter中的Stack,相当于Android里的FrameLayout和RelativeLayout。
毛大姑娘
2020/09/10
1.9K0
Flutter Stack、Positioned 层叠布局
flutter系列之:flutter中常用的Stack layout详解
对于现代APP的应用来说,为了更加美观,通常会需要用到不同图像的堆叠效果,比如在一个APP用户背景头像上面添加一个按钮,表示可以修改用户信息等。
程序那些事
2022/09/20
6930
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
FractionallySizedBox 组件 : 可控制组件在水平/垂直方向上填充满父容器 ;
韩曙亮
2023/03/28
2.8K0
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
Flutter跨平台移动端开发丨Column、Row、Flex、Wrap、Flow、Stack
flex 可以按水平或垂直方向排列子 widget,并且允许子 widget 按照比例分配父 widget 的空间,row 和 column 均继承自 flex
码脑
2019/05/25
2K0
Flutter | 布局组件
布局类组件都会包含一个或多个组件,不同的布局类组件对子组件(layout)方式不同。在 Flutter 中 Element 树才是最终的绘制树,Element 树是通过 Widget 树来创建的 (通 Widget.createElement()) ,Widget 其实就是 Element 的配置数据。
345
2022/02/11
2.7K0
Flutter | 布局组件
Flutter第3天--基础控件(上)
Flutter七日游第三天:2018-12-18 天气:晴朗 零、前言 浪了两天,Dart语法基本上熟悉了,绘图也不怕了,现在进入正轨,继续浪~ 今天来学些枯燥的东西了--基础控件,戒骄戒躁,基础还是要好好掌握。 本文目的在于尽可能看清控件的全局(细枝末节点到为止),详细用法等布局实战再细说吧 本文能用图的,尽量不用字(看完你可能会觉得我脑洞有点大),废话不多说,进入今天的内容 ---- 一、Widget简入 Widget:[小器具,装饰品,窗口小部件],以后简称:控件 下面看一下Widg
张风捷特烈
2018/12/27
3K0
【Flutter 组件集录】Stack | 8 月更文挑战
Stack 是一个经常被用到的组件,我看可以通过它来叠合若干个组件。源码中对它的介绍是:
张风捷特烈
2022/03/18
5160
【Flutter 组件集录】Stack | 8 月更文挑战
flutter系列之:flutter中可以建索引的栈布局IndexedStack
之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上,从而可以实现图像的组合功能,也是日常中最常用的一种组件了。今天我们要介绍的组件是Stack的近亲,叫做IndexedStack,它有什么功能呢?一起来看看吧。
程序那些事
2022/10/21
3410
Flutter布局基础——Stack层叠布局
Stack Widget的子视图要么是positioned,要么是non-positioned。Positioned子视图是指使用Positioned的widget包括起来的子视图,通过设置相对于Stack的top、bottom、left、right属性来确认自身位置,其中至少要有一个不为空。
莫空9081
2021/07/27
3.2K0
Flutter开发-布局类组件
不要在 Flex widget 里放置 unbounded constraints
码客说
2020/05/14
1K0
Flutter开发-布局类组件
一篇带你看懂Flutter叠加组件Stack
Stack未定位的子组件大小由fit参数决定,默认值是StackFit.loose,表示子组件自己决定,StackFit.expand表示尽可能的大,用法如下:
老孟Flutter
2020/09/11
9230
【Flutter 专题】67 图解基本约束 Box (二)
分析源码可得,UnconstrainedBox 继承自 SingleChildRenderObjectWidget,与 ConstrainedBox 效果相反,给子 Widget 提供不加限制的空间;
阿策小和尚
2019/11/12
5590
【Flutter 专题】67 图解基本约束 Box (二)
『Flutter』布局组件 Container、Row、Column、Stack
经过上一篇文章,开发出来了第二个 Flutter 程序,接下来是给大家详细的介绍下 Flutter 的布局组件。
杨不易呀
2024/01/15
1.7K0
『Flutter』布局组件 Container、Row、Column、Stack
【Flutter实战】六大布局组件
老孟导读:Flutter中布局组件有水平 / 垂直布局组件( Row 和 Column )、叠加布局组件( Stack 和 IndexedStack )、流式布局组件( Wrap )和 自定义布局组件(Flow)。
老孟Flutter
2020/09/11
1.9K0
【Flutter实战】六大布局组件
一篇带你看懂Flutter叠加组件Stack
Stack未定位的子组件大小由fit参数决定,默认值是StackFit.loose,表示子组件自己决定,StackFit.expand表示尽可能的大,用法如下:
老孟Flutter
2020/03/06
7630
Flutter lesson 6: Flutter组件之基础组件(二)
Row这个Widget其实就是一个布局组件,类似于前端中flex-direction: row;。作用就是可以使Row中的子元素在水平方向上面排列,可以用来做走马灯轮播等效果。
踏浪
2019/07/31
2.2K0
Flutter lesson 6: Flutter组件之基础组件(二)
『Flutter』布局组件 Container、Row、Column、Stack
经过上一Flutter 入门必学 MaterialApp 与 Scaffold 核心组件实战篇文章,开发出来了第二个 Flutter 程序,接下来是给大家详细的介绍下 Flutter 的布局组件。
程序员 NEO
2025/03/07
1450
『Flutter』布局组件 Container、Row、Column、Stack
【Flutter】Flutter 布局组件 ( Wrap 组件 | Expanded 组件 )
Wrap 组件 : 该组件是可换行的水平线性布局组件 , 与 Row 组件间类似 , 但是可以换行 ;
韩曙亮
2023/03/28
9.3K0
【Flutter】Flutter 布局组件 ( Wrap 组件 | Expanded 组件 )
相关推荐
Flutter Stack 组件
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文