Flutter开发笔记04 - Flutter_Widget布局控件笔记

最新推荐文章于 2025-01-22 09:09:05 发布

哈尔滨的酸柠檬

最新推荐文章于 2025-01-22 09:09:05 发布

阅读量303

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： flutter android ios

本文链接：https://blog.youkuaiyun.com/sinat_31177681/article/details/89178478

GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo

1、Stack

Stack即层叠布局控件，能够将子控件层叠排列。Stack控件的每一个子控件都是定位或不定位，定位的子控件是被Positioned控件包裹的。Stack控件本身包含所有不定位的子控件，其根据alignment定位（默认为左上角）。然后根据定位的子控件的top、right、bottom和left属性将它们放置在Stack控件上。

import 'package:flutter/material.dart';
class StackDemo extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("层叠布局"),
      ),
      body: new Center(
        child: new Stack(
          children: <Widget>[