Question

我正在构建一个带有 firebase 后端的电子商务应用程序。尝试通过在图像属性中传递多个小部件（用手势检测器包裹的图像以导航另一个屏幕）来使用 carousel_pro_1.0.0。该列表取决于 firebase 源编号。我可以通过 carousel_slider_3.0.0 实现这一点。有什么想法可以用 carousel_pro_1.0.0 制作吗？

使用 carousel_slider_3.0.0 的工作代码；

  CarouselSlider.builder(

        options: CarouselOptions(
          height: 180.0,
          enlargeCenterPage: true,
          autoPlay: true,
          aspectRatio: 16 / 9,
          autoPlayCurve: Curves.fastOutSlowIn,
          enableInfiniteScroll: true,
          autoPlayAnimationDuration: Duration(milliseconds: 800),
          viewportFraction: 0.8,
        ),
        itemCount: list.length,
        itemBuilder: (BuildContext context, int index, int a )
        {

          return GestureDetector(
            child: Container(
              margin: EdgeInsets.all(6.0),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(8.0),
                image: DecorationImage(
                  image: NetworkImage(list[index]["picture"].toString()),
                  fit: BoxFit.cover,
                ),
              ),
            ),


  //    Image.network(list[index]["picture"].toString()),
              onTap: (){
              print(list[index]["id"].toString());
                Navigator.push(context, MaterialPageRoute(builder: (context) => new ProductDetail(list[index]["id"])));
              });
        }
      ),
    )

想要在图像属性中传递多个小部件。因为图像的数量是可变的，我不能用手传递这些。

import 'package:carousel_pro/carousel_pro.dart';

    //...
    SizedBox(
      height: 150.0,
      width: 300.0,
      child: Carousel(
        images: [
          NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),
          NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),
          ExactAssetImage("assets/images/LaunchImage.jpg")
        ],

在 Carousel Pro 的图像属性中传递多个小部件的颤振

0 个答案: