- 1、本文档共11页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Flutter 布局 Widget —— 层叠
布局
Flutter 的层叠布局是 Stack
(https://docs.flutter.io/flutter/widgets/Stack-class.html),层
叠布局允许 ⼦Widget 堆叠 (按照代码中声明的顺序),同时 ⼦
Widget 可以根据到⽗容 四个边的位置来确定本身的位置。
Stack
Stack 是层叠布局,其 ⼦Widget 会按照添加顺序确定显示层级,后
⾯添加的会覆盖在前⾯添加的 Widget 上⾯。
代码所在位置
flutter_widget_demo/lib/stack/StackWidget.dart
Stack 的快速上⼿
给 Stack 的 ⼦Widget 添加内容:
Stack(
children: Widget[
Image.asset(
images/flutter.png,
width: 00,
fit: BoxFit.cover,
),
Text(Hello Flutter,style:
TextStyle(fontSize: 50.0),),
],
)
Stack 在⼀个⻚⾯使⽤的完整 emo 为:
import package:flutter/material.dart;
void main() = runApp(StackWidget());
class StackWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: Flutter Demo,
theme: ThemeData(
primaryColor: Colors.blue,
),
home: Scaffold(
appBar: AppBar(title: Text(Flutter布局
Widget -- 层叠布局)),
body : Stack(
children: Widget[
Image.asset(
images/flutter.png,
width: 00,
fit: BoxFit.cover,
),
Text(Hello Flutter,style:
TextStyle(fontSize: 50.0),),
],
),
),
);
}
}
运⾏效果为:
Stack 的构造函数及参数说明
Stack 的构造函数为:
class Stack extends MultiChildRenderObjectWidget
{
Stack({
Key key,
this.alignment =
AlignmentDirectional.topStart,
this.textDirection,
this.fit = StackFit.loose,
this.overflow = Overflow .clip,
ListWidget children = const Widget[],
}) : super(key : key, children: children);
...
}
参数名字 参数类型 意义
key Key Widget 的标识
决定如何对⻬ non-positioned
⼦Widget 和 部分positioned⼦
Widget,默认值为
您可能关注的文档
- IICA通信例程说明文档.pdf
- 一、K3 Cloud实施初始化——安装部署实施篇.pdf
- 淘宝技术架构分享.pdf
- 超声波测距例程说明文档.pdf
- 流程设计用户场景-Jajas.pdf
- SPI通信例程说明文档.pdf
- 华为认证HCNA-Cloud云计算(H13-511)题库.pdf
- 智慧硬件_智慧应用平台打造智慧景区_.pdf
- Flutter 完全手册 - 小德_REN - 掘金小册51.pdf
- 信息架构作业——Della伶俐.pdf
- 2024年江西省寻乌县九上数学开学复习检测模拟试题【含答案】.doc
- 2024年江西省省宜春市袁州区数学九上开学学业水平测试模拟试题【含答案】.doc
- 《GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语》.pdf
- 中国国家标准 GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语.pdf
- GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- 《GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构》.pdf
- 中国国家标准 GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 中国国家标准 GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 《GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南》.pdf
文档评论(0)