容器缩小到他的孩子的大小

时间:2019-05-27 18:19:03

标签: flutter flutter-layout

为什么我的Container缩小到他的孩子的大小? 顺便说一下,如果容器是条状的,容器不会收缩

Container(
                height: 100,
                decoration: BoxDecoration(
                  color: Colors.blue[50],
                  shape: BoxShape.circle,
                  boxShadow: [
                    BoxShadow(
                      color: Colors.black,
                      blurRadius: 10.0,
                      offset: Offset(3.0, 10.0),
                      // spreadRadius: 2.0,
                    )
                  ],
                ),
                child: Icon(Icons.location_on,
                    color: Color(0XFF0D47A1), size: 60.0),
              ),

1 个答案:

答案 0 :(得分:2)

小部件调整大小的方式实际上非常复杂,而且我认为我无法比flutter的文档Layouts in Flutter做得更好。不同的窗口小部件类型取决于孩子和父母的大小不同。因此,当容器位于SliverList中时,其大小可能会与容器大小不同。

但是,容器的alignment属性定义了容器自身的大小:

  

如果不为null,则容器将扩展以填充其父级,并根据给定值将其子级放置在其内部。如果传入的约束不受限制,则子级将被收缩包装。

您也可以将孩子包装在CenterAlignment小部件中。