我需要构建一个走马灯滑块,其中包含图像和图像下方的文本,并且图像的约束需要为250 x 250。我已经将图像和文本放在列中,但是它们被切掉了,显示底部发生了溢出。如果给CarouselSlider小部件设置高度,它就可以工作,但是我不应该这样做,因为文本会有所变化,给定高度不会保持一致。尝试了其他几种方法,如Wrap、Expanded等,但都无法解决问题。
这是我的实现方式:
这是我的实现方式:
final List<String> imgList = [
'https://images.unsplash.com/photo-1520342868574-5fa3804e551c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6ff92caffcdd63681a35134a6770ed3b&auto=format&fit=crop&w=1951&q=80',
'https://images.unsplash.com/photo-1522205408450-add114ad53fe?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=368f45b0888aeb0b7b08e3a1084d3ede&auto=format&fit=crop&w=1950&q=80',
];
Widget build(BuildContext context) {
return Container(
child: CarouselSlider(
//height: 350, //giving this a height fixes it but I shouldn't be doing it
items: imgList.map((i) {
return
Column(
children: [
Container(
margin: EdgeInsets.symmetric(horizontal: 5.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(16.0),
child: Image.network(i, height: 250, width: 250)),
),
Text(i)
],
);
}).toList(),
viewportFraction: 1.0,
)