Привет, я использую приведенный ниже код в CustomScrollView для отображения изображений в сетке с помощью SliverGrid и SliverChildBuilderDelegate. При очень быстрой прокрутке дочерний виджет, который уже имеет кэшированное изображение, уничтожается при выходе за пределы экрана и восстанавливается, когда они находятся на экране. Как избежать их разрушения и восстановления на свитке?
SliverGrid(
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 150,
childAspectRatio: 1 / 1,
crossAxisSpacing: 4.0,
mainAxisSpacing: 4.0,
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return ClipRRect(
borderRadius: BorderRadius.circular(5.0),
child: Container(
alignment: Alignment.bottomRight,
padding: EdgeInsets.all(10.0),
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.fill,
image: CachedNetworkImageProvider(
"https://source.unsplash.com/${150}/${150 + index}/",
),
),
),
child: index == (index / 2) + 1
? Icon(
Icons.burst_mode,
color: AppTheme.fullWhite,
)
: index == (index / 6)
? Icon(
Icons.play_circle_filled,
color: AppTheme.fullWhite,
)
: Container(),
));
},
childCount: childCount,
),
)
Примечание: если я удалю индекс в URL-адресе изображения, то при быстрой прокрутке он загрузится очень быстро, поскольку отображает то же изображение.
https://source.unsplash.com/ {150} долл. США / {150+ долл. США + индекс } /