如何在Flutter中创建2种不同颜色的布局背景？

import 'package:flutter/material.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: double.infinity,
      color: Colors.blue, // 第一种颜色
      child: Container(
        width: double.infinity,
        height: double.infinity,
        color: Colors.red, // 第二种颜色
      ),
    );
  }
}

import 'package:flutter/material.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Positioned.fill(
          child: Container(
            color: Colors.blue, // 第一种颜色
          ),
        ),
        Positioned.fill(
          child: Container(
            color: Colors.red, // 第二种颜色
          ),
        ),
      ],
    );
  }
}