title: Flutter image cache: Images are reloading
body: <p>I am making a wallpaper application in which it displays many HD images from a list in a GridView.builder (around 90 HD images) and the images are not getting cached. They reload every time when I scroll up and down. I tried using the normal network image and even CachedNetworkImage but same result. Any solution? </p>
  
  <pre><code>  @override
    Widget build(BuildContext context) {
      return Scaffold(
          appBar: AppBar(title: Text("Fetch Data JSON"),),
          body: isLoading? Container(
              alignment: new Alignment(0, 0),
              child: CircularProgressIndicator(),
              decoration: new BoxDecoration(color: Color.fromARGB(230, 0, 0, 0)),)
              :
              Container(
              decoration: new BoxDecoration(color: Color.fromARGB(230, 0, 0, 0)),  
              child: new GridView.builder(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 1,childAspectRatio:3),
                itemCount: list.length,
                padding: EdgeInsets.all(0.0),
                itemBuilder: (BuildContext context, int index) {
                  final cacheimg = CachedNetworkImage(
                        imageUrl: list[index].imgcollectionsrcimage.toString(),
                        placeholder: new CircularProgressIndicator(),
                        errorWidget: new Icon(Icons.error, color: Colors.white,),
                        );
  
                  return Stack(
                    children: &lt;Widget&gt;[
  
  
                      //new Image.network(list[index].imgcollectionsrcimage.toString())
  /*
                      new CachedNetworkImage(
                        imageUrl: imgsrc1[index],
                        placeholder: new CircularProgressIndicator(),
                        errorWidget: new Icon(Icons.error, color: Colors.white,),
                        ),
  */
  
                      ////////////////////////////////////////////srcimage/////////////////////////////////////////////////
                      new GestureDetector(
                        //onTap: (){_gotoImageCollections(list[index].hreflink.toString());},
  
                        child: new Container (
                        child: Container(
  
                          decoration: BoxDecoration(
                          borderRadius: new BorderRadius.all(Radius.circular(5)),
  
                          image: DecorationImage(
                              //colorFilter: const ColorFilter.mode(const Color.fromARGB(150, 0, 0, 0), BlendMode.darken),
                              image: NetworkImage(list[index].imgcollectionsrcimage.toString()),
                              fit: BoxFit.cover,
  
                              ),
  
                          boxShadow: &lt;BoxShadow&gt;[new BoxShadow(color: const Color.fromARGB(150, 0, 0, 0),offset: new Offset(0.0, 3.0),blurRadius: 5.0)]
                              ),
                            ),
                          padding: EdgeInsets.all(2.0),
  
                        //decoration: BoxDecoration(boxShadow:&lt;BoxShadow&gt;[new BoxShadow(color: const Color.fromARGB(50, 0, 0, 0),offset: new Offset(0.0, 0.0),blurRadius: 0.0)]),
                        ),
                      ),
                                        ],
                    );
                    },
              ),
              )
       );
    }
  }
  </code></pre>
  
  <p><strong>Video:</strong> <a href="https://streamable.com/2xg13" rel="noreferrer">https://streamable.com/2xg13</a></p>