Wigets学习之Stack

Stack → postion: absolute(Css)

使子部件绝对定位，可以配合使用Positioned部件一起使用，实现类似Css中的绝对定位效果

• textDirection：文字排列方式
• fit：定义未定位的对象大小，StackFit.loose(不约束)、StackFit.expand(充满)、StackFit.passthrough(继承父级约束)

Positioned

设置在Stack中的位置

• child：子部件(必传)
• left：左侧距离
• top：顶部距离
• right：右侧距离
• bottom：底部距离
• height：高度
• width：宽度

import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      textDirection: TextDirection.ltr,
      fit: StackFit.loose,
      children: [
        Positioned(
            bottom: 20,
            height: 200,
            width: 200,
            child: Container(
              color: Colors.yellow,
            )),
        Container(
          height: 400,
          width: 400,
          color: Colors.green,
        ),
      ],
    );
  }
}