除非使用Center包裹小部件,否则Flutter设置Container小部件的宽度和高度将不起作用?为什么?

时间:2019-05-13 04:23:43

标签: flutter

我想打滑水。然后限制其高度和宽度。这样的代码。

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(),
        ),
      );

在这种情况下,最终的渲染视图将是这样。

enter image description here

然后我发现是否使用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(),
        ),
      ),) 

enter image description here

1 个答案:

答案 0 :(得分:1)

这是因为父级witget不知道如何对齐其子级,您应该使用Align小部件

相关问题