Flutter布局模型之层叠定位
更新时间：2018年08月23日 10:34:28 作者：何小有
这篇文章主要为大家详细介绍了Flutter布局模型之层叠定位，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Stack即层叠布局控件，能够将子控件层叠排列。
Stack控件的每一个子控件都是定位或不定位，定位的子控件是被Positioned控件包裹的。Stack控件本身包含所有不定位的子控件，其根据alignment定位（默认为左上角）。然后根据定位的子控件的top、right、bottom和left属性将它们放置在Stack控件上。
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('层叠定位布局'),
),
body:new Center(
child: new Stack(
children: <Widget>[
new Image.network('http://img2.cxtuku.com/00/13/12/s97783873391.jpg'),
new Positioned(
left: 35.0,
right: 35.0,
top: 45.0,
child: new Text(
'Whatever is worth doing is worth doing well. ๑•ิ.•ั๑',
style: new TextStyle(
fontSize: 20.0,
fontFamily: 'serif',
),
),
),
]
),
),
);
}
}
void main() {
runApp(
new MaterialApp(
title: 'Flutter教程',
home: new LayoutDemo(),
),
);
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Android实现ListView的A-Z字母排序和过滤搜索功能 实现汉字转成拼音
这篇文章主要为大家详细介绍了Android实现ListView的A-Z字母排序和过滤搜索功能，实现汉字转成拼音功能2017-06-06
Android ScrollView嵌套ExpandableListView显示不正常的问题的解决办法
这篇文章主要介绍了Android ScrollView嵌套ExpandableListView显示不正常的问题的解决办法的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了一文详解 Compose Navigation的实现原理，文章通告围绕主题展开详细的相关内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
在Android自定义View的时候，我们经常需要绘制一些自己想要的效果。这里就需要使用Canvas对象。下面这篇文章将Canvas对象常用方法做个笔记，方便自己和大家以后使用的时候查阅，下面来一起看看吧。2016-09-09
这篇文章主要介绍了Android开发中Kotlin线程的桥接与切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了Android系统设置中的清除数据会清除哪些数据?本文对比了清除前和清除后的数据情况,从而得出到底清除了哪些数据,需要的朋友可以参考下2015-01-01
最近项目经理交给我一个任务，要求实现android截屏功能，包括Android截屏获取图片、将图片保存到本地、通知系统相册更新、通过微信、QQ、微博分享截屏图片。小编把实现思路分享到脚本之家平台，需要的朋友参考下2017-12-12
Android Studio实现自定义全局悬浮按钮的示例代码
在 Android 应用中实现全局悬浮按钮是一个常见的需求,可以用于快速访问重要功能或返回顶部等操作,下面我将详细介绍如何实现一个自定义的全局悬浮按钮,感兴趣的小伙伴跟着小编一起来看看吧2025-04-04
这篇文章主要为大家详细介绍了Android实现列表数据按名称排序、中英文混合排序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-09
Android socket实现原理详解 服务端和客户端如何搭建
这篇文章主要为大家详细介绍了Android socket实现原理详解，以及服务端和客户端的搭建方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论