Как добавить карточку во флаттер?

Question

Я пытаюсь добавить карту во флаттер. У меня есть кусок кода ниже, который имеет Scaffold -> Container -> Container. Это содержит градиентный цвет фона. Когда я пытаюсь добавить карту, цвет градиентного фона либо исчезает, либо ограничивается небольшим контейнером в верхней части страницы.

Куда добавить карту, чтобы у меня был полноцветный градиент фона, а в верхней части экрана находится небольшая карта?

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,
          ),
        ),
      )
    ],
  ),
)