Динамический список Flutter в элементе Carousel Slider

Question

У меня есть изображение динамического списка с сервера, и я хочу вставить его в слайдер карусели. но когда я добавил их в элемент и запустил, у меня возникла такая ошибка:

      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, int itemIndex, int pageViewIndex) => Container(child: Text(itemIndex.toString()), ), )