Flutter 輪播中的動態列表 Slider 項目

Question

我有一個來自服務器的動態列表圖像，我想將它們推送到 Carousel Slider 中。 但是當我將它們添加到項目中並運行時，我遇到了這個錯誤：

Class 'String' has no instance method 'map'.
Tried calling: map(Closure: (dynamic) => Builder)

這是我的代碼。

 child: Container(
        // width: pageWidth * 0.84,
        height: pageWidth * 0.42,
        child: CarouselSlider(
            options: CarouselOptions(
              height: pageWidth * 0.42,
              aspectRatio: 1,
              viewportFraction: 1,
              autoPlay: true,
              autoPlayInterval: const Duration(seconds:5),
              enableInfiniteScroll: true,
              enlargeCenterPage: true,


        ),

           items : [
       ListView.builder(itemBuilder: (context ,index){
      return  homeView.details![index]['Image'];})].map((i){
        return Builder(
          builder:(BuildContext context) {
            return    ListView.builder(
                scrollDirection: Axis.horizontal,
                itemCount: homeView.details!.length,
                itemBuilder: (context, index) {
                  return Container(
                    width: pageWidth * 0.84,
                    height: pageWidth * 0.42,
                    // margin: EdgeInsets.only(left: 15),
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        fit: BoxFit.cover,
                        image: NetworkImage(i),
                      ),
                      borderRadius: BorderRadius.all(
                        Radius.circular(15),),));});});}).toList(),

Answer 1

使用 CarouselSlider.builder()

CarouselSlider.builder( itemCount: 15, itemBuilder: (BuildContext context, int itemIndex, int pageViewIndex) => Container( child: Text(itemIndex.toString()), ), )