颤动如何在 CarouselSlider 中消除左侧的间隙答案

【问题标题】：flutter how to remove gap from left side in CarouselSlider颤动如何在 CarouselSlider 中消除左侧的间隙
【发布时间】：2022-07-21 19:20:24
【问题描述】：

我想在轮播中显示来自 API 的所有图像，对于项目，我想在每张幻灯片中显示 2 个项目。它可以正常工作我想要的。但在第一个项目中，它给了我与左侧的差距。任何人都知道我怎样才能从左侧消除这个间隙。

这是我的代码：-

class PersonImages extends StatefulWidget {

PersonImages({Key? key}) : super(key: key);

@override
_PersonImages createState() => _PersonImages();
}

class _PersonImages extends State<PersonImages>{

var UsriD = Auth.prefs?.getString('usrid');
var Imagedata;
var img = "";
var user = "";



@override
 void initState() {
 super.initState();
 getImageData();
}

getImageData() async{
var res = await http.get(Uri.https('www.*******.net', '/index.php',{'act':'usrPhotos','Usrid': '${UsriD}'}));
Imagedata = jsonDecode(res.body);
setState(() {});
print(res.body);
}

@override
Widget build(BuildContext context) {

return
  Imagedata != null? CarouselSlider.builder(
      options: CarouselOptions(
        aspectRatio: 2.0,
        enableInfiniteScroll: false,
        enlargeCenterPage: false,
        viewportFraction: 0.5,
      ),
      itemCount: Imagedata.length,
      itemBuilder: (BuildContext context, int index, int  pageViewIndex) {
        //final int first = index * 2;
        //final int second = first + 1;
       return
         Row(
             mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Expanded(
                child:  Container(
                child: Container(
                  margin: EdgeInsets.all(5.0),
                    child: ClipRRect(
                      borderRadius: BorderRadius.all(Radius.circular(8.0)),
                      child:
                      Image.network(
                        "https://www.*******.net/files/images/${Imagedata[index]['image']}",
                        fit: BoxFit.cover,
                        width: double.infinity,
                        height: 300,
                        alignment: Alignment.center,
                      ),
                    ),

                ),
              )
              ),
        ]
          );
      }
  ): const Center(
    child: CircularProgressIndicator(),
  );
  }
  }

这是我的输出：-

如果有人知道如何解决它，请帮助我。有谁知道怎么做，所以回答我的问题？

【问题讨论】：

发表评论并重试viewportFraction: 0.5,

标签： android flutter flutter-layout flutter-dependencies flutter-slider

【解决方案1】：

设置初始页面

initialPage: 1,

【讨论】：