屏幕更新时，AssetImages重新开始加载

Question

我有带有图像和文本的容器。我移至下一个屏幕时正在使用Hero Animations，但发生这种情况时，图像将再次开始加载。我还发现，当我在“第一屏幕”中滚动时，图像也开始加载。那我该如何解决这个问题呢？

这是我的第一个屏幕容器

return GridTile(
    child: GestureDetector(
        onTap: click,
        child: Hero(
          tag: 'Hero$index',
          child: Container(
            width: 30,
            height: 30,
            margin: EdgeInsets.all(2.0),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(4.0),
              color: Colors.white,
              image: DecorationImage(
                  image: AssetImage('assets/$index.jpg'),
                  fit: BoxFit.cover
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.only(top: 180.0),
              child: Opacity(
                opacity: 0.8,
                child: Container(
                  color: Colors.black,
                  child: Padding(
                    padding: const EdgeInsets.all(6.0),
                    child: Text(texts[index], style: TextStyle(fontSize: 10, color: Colors.white)),
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
  );

这是我的第二个屏幕容器

 myImage(int ind) {
      return Hero(
        tag: 'Hero$ind',
        child: Container(
          width: double.infinity,
          height: 200,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(4.0),
            color: Colors.white,
            image: DecorationImage(
                image: AssetImage('assets/$ind.jpg'),
                fit: BoxFit.cover
          ),
        ),
      ),
    );
  }