title: How can i access image url from list of images
body: <p>I am having a model which holds product details. i am getting all the product details and outputting them successfully except for the List of images. The product model consist of list of images, so i don't know how to map the individual images.</p>
  <p>Product Model</p>
  <pre><code>import 'package:json_annotation/json_annotation.dart';
  
  @JsonSerializable()
  class Product {
    @JsonKey(name: '_id')
    String? id;
    int? quantity;
    String? description;
    int? offer;
    final List&lt;ProductImages&gt;? productPictures;
    String? reviews;
  
    Product({
      this.id,
      this.quantity,
      this.description,
      this.offer,
      this.productPictures,
      this.reviews,
    });
  
    factory Product.fromJson(Map&lt;String, dynamic&gt; json) {
      var list = json['productPictures'] as List;
      // print(list.runtimeType);
      List&lt;ProductImages&gt; imagesList =
          list.map((i) =&gt; ProductImages.fromJson(i)).toList();
  
      return Product(
          id: json['_id'] as String?,
          quantity: json['quantity'] as int?,
          description: json['description'] as String?,
          offer: json['offer'] as int?,
          productPictures: imagesList);
    }
  }
  </code></pre>
  <p>Produt Controller</p>
  <pre><code> void fetchAllProducts() async {
      try {
        isLoading(true);
        var response = await networkHandler.get(ApiUtil.fetchAllProduct);
        productSuper.value = ProductSuper.fromJson(response);
        data = productSuper.value.data!;
      } catch (ex) {
        print({ex, 'An error occured, cannot fetch products'});
      } finally {
        isLoading(false);
      }
    }
  </code></pre>
  <p>View</p>
  <pre><code>      I am getting the product details successfully, example is the product quantity below, 
  so how can i access the productPictures since it is a list.
  
  
  
    Text(
        product.quantity!,
        style: TextStyle(
        color: AppColors.primaryText,
        fontSize: 14.0,
        fontWeight: FontWeight.w500,
         ),
       ),
  
  
      child: MyCachedNetworkImage(
             imageurl: product.productPictures.map  // how can i access the product pictures from the list,
             ),
  </code></pre>