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下的POS打印机调用的简单实现，非常具有实用价值，需要的朋友可以参考下2017-04-04
这篇文章主要介绍了gradle配置国内镜像的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
Android使用开源组件PagerBottomTabStrip实现底部菜单和顶部导航功能
这篇文章主要介绍了Android使用PagerBottomTabStrip实现底部菜单和顶部导航功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了Android录音时获取分贝值的方法代码实例,本文直接给出核心实现代码,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了Android获取当前位置的经纬度数据的相关资料,需要的朋友可以参考下2016-02-02
21天学习android开发教程之MediaPlayer，MediaPlayer可以播放音频和视频，操作相对简单，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了android仿微信联系人索引列表功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要为大家详细介绍了android实现简单进度条ProgressBar效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
大家好，本篇文章主要讲的是Android四大组件之Activity详解，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下，方便下次浏览2021-12-12
本篇文章介绍了，基于Android设计模式之--SDK源码之策略模式的详解。需要的朋友参考下2013-04-04
最新评论