为什么来自颤振网站的简单堆栈代码是错误的？

Question

 import 'package:flutter/material.dart';

void main() {
  runApp(StackApp());
}

简单类堆栈我正在尝试使用堆栈来覆盖矩形(一个在另一个上)

 class StackApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Stack(
          children: <Widget>[
            Container(
              width: 100,
              height: 100,
              color: Colors.red,
            ),
            Container(
              width: 90,
              height: 90,
              color: Colors.green,
            ),
            Container(
              width: 80,
              height: 80,
              color: Colors.blue,
            ),
          ],
        );
      }
    }

I收到以下错误消息：i/( 8912)：(从_AssertionError类、包省道:异步和包飞镖:异步修补程序中删除10帧)

I/颤振( 8912)：I/颤振( 8912)：触发异常时正在处理以下RenderObject : RenderStack#322e9需要-布局需要-油漆需要-组合-位-更新：

I/颤振( 8912)：创建者:堆栈StackApp←根

I/颤振( 8912)：parentData：

I/颤振( 8912)：约束: BoxConstraints(w=411.4，h=866.3)

I/颤振( 8912)：尺寸:缺失

I/颤振( 8912)：对准: AlignmentDirectional.topStart

I/颤振( 8912)：textDirection: null

I/颤振( 8912)：配合:宽松

I/颤振( 8912)：溢出:夹子

I/颤振( 8912)：这个RenderObject有以下后代(显示到深度5)：

I/颤振( 8912)：子级1: RenderConstrainedBox#49f71需要-布局需要-油漆需求-合成-位-更新

I/颤振( 8912)：子: RenderDecoratedBox#2c55a需要-布局需要-油漆

I/颤振( 8912)：子2: RenderConstrainedBox#c71ea需要-布局需要-油漆需要-合成-位-更新

I/颤振( 8912)：子: RenderDecoratedBox#4ad6c需要-布局需要-油漆

I/颤振( 8912)：子3: RenderConstrainedBox#5304a需要-布局需要-油漆需要-合成-位-更新

I/颤振( 8912)：子: RenderDecoratedBox#9516e需要-布局需要-油漆

I/颤振( 8912)：════════════════════════════════════════════════════════════════════════════════════════════════════

Answer 1

您需要将应用程序封装在MaterialApp、CupertinoApp或WidgetsApp中。这几乎是强制性的。但是，如果您出于某种原因不想使用其中的一个，那么在您的堆栈中设置alignment (比如alignment: Alignment.topLeft )来修复这个问题。