除非使用 Center 来包装小部件，否则 Container 小部件的 Flutter 设置宽度和高度不起作用？为什么？

Question

我想构建一个刷卡器。然后限制它的高度和宽度。像这样的代码。

Container(
        height: 150,
        width: 350,
        child: Swiper(
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              "http://via.placeholder.com/350x150",
              fit: BoxFit.fill,
            );
          },
          itemCount: 3,
          pagination: SwiperPagination(),
          control: SwiperControl(),
        ),
      );

在这种情况下，最终的渲染 View 将是这样的。

然后我发现如果我使用一个 Center 小部件来包装可以工作的 Container 小部件。

Center(child: Container(
        height: 150,
        width: 350,
        child: Swiper(
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              "http://via.placeholder.com/350x150",
              fit: BoxFit.fill,
            );
          },
          itemCount: 3,
          pagination: SwiperPagination(),
          control: SwiperControl(),
        ),
      ),) 

Answer 1

这是因为父 witget 不知道如何对齐它的 child ，您应该使用 Align widget