У меня есть контейнеры с изображениями и текстами.Я использую анимацию героев при переходе к следующему экрану, но когда это происходит, изображение начинает загружаться снова.Также я обнаружил, что при прокрутке на первом экране изображения начинают загружаться.Итак, как я могу решить эту проблему?
Вот мой первый контейнер экрана
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
),
),
),
);
}