如何在flutter中添加卡片？

Question

我想在flutter中添加一张卡片。我有一段下面的代码，它有一个脚手架-> 容器-> 容器。这包含一个渐变的背景颜色。当我试图添加一张卡片时，渐变的背景颜色要么消失，要么被限制在页面顶部的一个小容器中。

我在哪里添加Card，才能让我的背景渐变色是全屏的，而Card是屏幕顶部的一个小卡片？

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          child: Container(
            decoration: new BoxDecoration(
              gradient: new LinearGradient(
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
                colors: [
                  Color.fromARGB(255, 25, 178, 238),
                  Color.fromARGB(255, 21, 236, 229)
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Answer 1

Scaffold(
  body: Stack(
    children: [
      Positioned.fill(
        child: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [
                Color.fromARGB(255, 25, 178, 238),
                Color.fromARGB(255, 21, 236, 229)
              ],
            ),
          ),
        ),
      ),
      Positioned(
        top: 50,
        right: 16,
        left: 16,
        child: Card(
          child: SizedBox(
            height: 100,
          ),
        ),
      )
    ],
  ),
)