var image; // this declaration I got wrong
  String? category;
  String? name;

  DetailPage({Key? key, this.image, this.category, this.name}) : super(key: key);

AspectRatio(
                aspectRatio: 3.5,
                child: CarouselSlider(
                items: widget.image['image'] // I want to display slider image on my product details page
                    .map<Widget>((item) => Padding(
                      padding: const EdgeInsets.only(left: 3, right: 3),
                      child: Container(
                      decoration: BoxDecoration(
                      image: DecorationImage(
                      image: NetworkImage(item),
                      fit: BoxFit.fitWidth)),
                      ),
                    ))
                      .toList(),
              
              ),

child: InkWell(
                                    onTap: (){
                                      Navigator.push(context, PageTransition(type: PageTransitionType.leftToRight,
                                          child: DetailPage(
                                            image:documentSnapshot['image'][0],
                                            category:documentSnapshot['category'],
                                            name:documentSnapshot['name'],
                                            description:documentSnapshot['description'],
                                            price:documentSnapshot['price'],
                                          )));
                                    },