容器和文本构件中的Flutter容器

rsaldnfx  于 2023-01-06  发布在  Flutter
关注(0)|答案(1)|浏览(125)
Container(
          color: Colors.green,
          width: 300,
          height: 300,
          child: Container(
            color: Colors.purple,
            width: 200,
            height: 200,
          ),
        ),

当我这样做的时候,为什么子容器的大小和父容器的大小是一样的?但是当我在父容器内部传递alignment: Alignment.center的时候,这会给出一个预期的输出?

    • 产出**

j7dteeu8

j7dteeu81#

因为父小部件强制子小部件的大小完全相同。
来自文档:
如果子级需要与父级不同的大小,而父级没有足够的信息来对齐,则子级的大小可能会被忽略。定义对齐方式时要具体。
您也可以将内部容器 Package 在一个中心小部件中,它也可以工作。
请参见此处的示例https://docs.flutter.dev/development/ui/layout/constraints

相关问题