Flutter Stack

child: Stack(
  //stack的大小是根据没有包裹Positioned组件，中的最大组件来确定大小的。
  //确定完大小后，再根据Positioned来布局
  //所有的都包裹Positioned后，stack的size就是尽量大。
  children: [
    Text("ajsdlkfjalkjk\njjfljafkaljsdkfllakdjkl"),
    Positioned(left: 0,top: 0,child: FlutterLogo(size: 100,)),
    Container(width: 20, height: 20, color: Colors.red,)
  ],
),

children: [
  Positioned(top: 0, right: 0,child: Text("ajsdlkfjalkjk\njjfljafkaljsdkfllakdjkl")),
  Positioned(left: 0,top: 0,child: FlutterLogo(size: 100,)),
  Positioned(right: 0,bottom:0,child: Container(width: 20, height: 20, color: Colors.red,))
],

child: Stack(
  fit: StackFit.expand,//是放大了子组件的约束。stack会根据子组件的约束方法
  //stack的大小是根据没有包裹Positioned组件，中的最大组件来确定大小的。
  //确定完大小后，再根据Positioned来布局
  //所有的都包裹Positioned后，stack的size就是尽量大。
  children: [
    Container(width: 80, height: 80, color: Colors.red,),

    Text("ajsdlkfjalkjk\njjfljafkaljsdkfllakdjkl"),
    FlutterLogo(size: 100,),
  ],
),

fit: StackFit.loose,//宽松约束，就是按照组件中最大的子组件来进行约束

child: Container(
  width: 200,
  height: 200,
  color: Colors.orange,
  child: Stack(
    fit: StackFit.passthrough,//会将父组件的约束，传递到子组件
    //stack的大小是根据没有包裹Positioned组件，中的最大组件来确定大小的。
    //确定完大小后，再根据Positioned来布局
    //所有的都包裹Positioned后，stack的size就是尽量大。
    children: [
      Container(width: 80, height: 80, color: Colors.red,),//自身的宽高失效

      Text("ajsdlkfjalkjk\njjfljafkaljsdkfllakdjkl"),
      FlutterLogo(size: 100,),//自身的宽高失效。
    ],
  ),
),

clipBehavior: Clip.none,//裁剪,超出部分不会接收用户的点击事件

clipBehavior: Clip.hardEdge,//裁剪

Positioned(
    left: 10,
    width: 100,
    child: Transform.translate(
        //在使用transform进行位移之后，超出部分并没有裁剪
        offset: const Offset(-20, -20),
        child: Container(
          width: 80,
          height: 80,
          color: Colors.red,
        ))),