一篇带你看懂Flutter叠加组件Stack

在Flutter中，Stack组件是用来叠加组件的，子Widget按照先后顺序叠加，后加入的子Widget将覆盖在先加入的子Widget上面。

以下是一个简单的Stack组件的示例代码：




Stack(
  children: <Widget>[
    Container(
      decoration: BoxDecoration(color: Colors.red),
    ),
    Container(
      decoration: BoxDecoration(color: Colors.blue),
      alignment: Alignment.center,
      child: Text(
        'Hello, World!',
        style: TextStyle(color: Colors.white, fontSize: 20),
      ),
    ),
  ],
)

在这个例子中，我们创建了一个Stack，其中有两个Container作为子Widget。第一个Container是红色背景，第二个Container是蓝色背景且包含一个Text。由于Stack的特性，蓝色Container将覆盖红色Container，而文本则在蓝色Container中居中显示。

一篇带你看懂Flutter叠加组件Stack

评论已关闭

推荐阅读