我想用一些图片沿着一些文本做一个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,
),
),
1条答案
按热度按时间juud5qan1#
没有子容器的容器会尽可能的大,除非传入的约束是无界的,在这种情况下,它们会尽可能的小。有子容器的容器会根据子容器的大小调整自己的大小。构造函数的width、height和constraints参数会覆盖这个参数。
来自Flutter文档。