当我添加一个子属性时,Flutter Container缩小了它的宽度.为什么?

4si2a6ki  于 2022-12-19  发布在  Flutter
关注(0)|答案(1)|浏览(132)

我想用一些图片沿着一些文本做一个carousel,所以我把图片放在一个容器里,但是当我添加一个Text小部件作为容器的子容器时,容器缩小到最小宽度,为什么?

CarouselSlider(
              items: [
                //1st Image of Slider

                Container(
                  child: Text("Diverse stories you'll love"),
                  margin: EdgeInsets.all(6.0),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(8.0),
                    image: DecorationImage(
                      image: AssetImage("images/welcomepage1.jpg"),
                      fit: BoxFit.cover,
                    ),
                  ),
                ),

                //2nd Image of Slider
                Container(
                  child: Text("Make friends and share your voice"),
                  margin: EdgeInsets.all(6.0),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(8.0),
                    image: DecorationImage(
                      image: AssetImage("images/welcomepage2.jpg"),
                      fit: BoxFit.cover,
                    ),
                  ),
                ),

              
              ],

              //Slider Container properties
              options: CarouselOptions(
                height: 300.0,
                enlargeCenterPage: true,
                autoPlay: true,
                aspectRatio: 16 / 9,
                autoPlayCurve: Curves.fastOutSlowIn,
                enableInfiniteScroll: true,
                autoPlayAnimationDuration: Duration(milliseconds: 800),
                viewportFraction: 0.8,
              ),
            ),
juud5qan

juud5qan1#

没有子容器的容器会尽可能的大,除非传入的约束是无界的,在这种情况下,它们会尽可能的小。有子容器的容器会根据子容器的大小调整自己的大小。构造函数的width、height和constraints参数会覆盖这个参数。
来自Flutter文档。

相关问题