flutter z-index

在Flutter中，可以使用Stack组件来控制叠放顺序。Stack中的子组件会按照添加顺序依次叠放，后添加的组件会覆盖之前添加的组件。如果需要改变某个组件的叠放顺序，可以使用Positioned组件来指定组件的位置和z-index（z轴的位置）。例如，下面的代码中在Stack中添加了两个子组件，通过Positioned组件分别指定它们的位置和z-index：

Stack(
  children: [
    Positioned(
      top: 0,
      left: 0,
      child: Container(
        width: 100,
        height: 100,
        color: Colors.red,
      ),
    ),
    Positioned(
      top: 50,
      left: 50,
      child: Container(
        width: 100,
        height: 100,
        color: Colors.blue,
      ),
    ),
  ],
)

在这个例子中，红色的Container位于蓝色的Container的下面，因为它先被添加到Stack中。如果将红色Container的z-index设置为1，蓝色Container的z-index设置为2，则蓝色Container会覆盖红色Container，因为它的z-index更大。