如何缩放堆栈小部件？

Question

我正在尝试设置一个具有大背景的场景，并在顶部的特定和弦上放置很多不同的元素。我已经设置了一个堆栈小部件，并将元素放置在外面，一切看起来都很好。

但是-为了使所有内容都在屏幕范围内，我想按比例缩小堆栈以适合设备。因此，我插入了一个Transform.scale小部件，它确实缩放了容器并缩小了堆栈-但在缩小之前，它还会裁剪掉屏幕上显示的所有内容。任何关于正在发生的事情的见解将不胜感激。

这是我的代码：

return Scaffold(
  body:Transform.scale(
    alignment: Alignment.topLeft,
    scale: scale,
    child:Container(
      width: 2048,
      height: 1536,
      color: Colors.blue,
      child: Stack(
        children: <Widget>[
          Container(
            width: 2048,
            height: 1536,
            color: Colors.red,
            child: Image(image:AssetImage('assets/Mydream_iPad.png'),fit: BoxFit.none, alignment: Alignment.topLeft, ),
          ),
          Positioned(
            top: 10,
            left: 10,
            child: Container(
              child: Image(image:AssetImage('assets/rodkaelk1.png'), ),
            ),
          ),
          Positioned(
            top: 100,
            left: 100,
            child: Container(
              child: Image(image:AssetImage('assets/bear.png'), ),
            ),
          ),
        ],
      ),
    ),
  ),
);