首页 > 解决方案 > 如何在颤动中增加 carousel_slider 的高度

问题描述

我有一个带有 5 张图像的轮播滑块,但我无法增加它的高度。我希望它占据我屏幕的 70%。我应该怎么办?

这是我使用的代码:

List<String> list = [
      'images/image1.png',
      'images/image2.png',
      'images/image3.png',
      'images/image4.png',
      'images/image5.png',
    ];

Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: CarouselSlider(
          options: CarouselOptions(),
          items: list.map((item) => Container(
            child: Image.asset(
              item,
              fit: BoxFit.fitWidth,
              width: MediaQuery.of(context).size.width * 0.7,
            ), 
          )).toList(),
        ),
      )

标签: flutterflutter-widget

解决方案


尝试:

List<String> list = [
      'images/image1.png',
      'images/image2.png',
      'images/image3.png',
      'images/image4.png',
      'images/image5.png',
    ];

Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: CarouselSlider(
          options: CarouselOptions(),
          items: list.map((item) => Container(
          width: MediaQuery.of(context).size.width * 0.7, 
            child: Image.asset(
              item,
              fit: BoxFit.fitWidth,
              
            ), 
          )).toList(),
        ),
      )

推荐阅读