如何传递带有空值的图像抖动列表

时间:2020-07-05 06:40:48

标签: flutter

我正在传递图片url,如果value为null,则会收到error。我该如何忽略null并只显示有价值的图像。

Carousel(
                  images: [
                    Image.network(this.widget.product.productPhoto, fit: BoxFit.fill,),
                    Image.network(this.widget.product.photo1, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo2, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo3, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo4, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo5, fit: BoxFit.fill),
                  ],
                ),

3 个答案:

答案 0 :(得分:1)

使用if语句添加检查,为其他语句添加类似内容。

if(this.widget.product.productPhoto != null)
    Image.network(this.widget.product.productPhoto, fit: BoxFit.fill,),

答案 1 :(得分:1)

您可以在数组内添加一个if条件


Carousel(
                  images: [
                    if(this.widget.product.productPhoto != null)
                    Image.network(this.widget.product.productPhoto, fit: BoxFit.fill,),

                    if(this.widget.product.photo1 != null)
                    Image.network(this.widget.product.photo1, fit: BoxFit.fill),


                   //same for images below 
                    Image.network(this.widget.product.photo2, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo3, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo4, fit: BoxFit.fill),
                    Image.network(this.widget.product.photo5, fit: BoxFit.fill),
                  ],
                ),

答案 2 :(得分:0)

或者您可以:

 Image.network(this.widget.product.productPhoto != null?  this.widget.product.productPhoto : "default image address", fit: BoxFit.fill,),