Flutter CachedNetworkImage не работает, загружая изображения снова при прокрутке вверх или вниз, вверх - PullRequest
0 голосов
/ 24 сентября 2019

Я пытаюсь работать с кэшированными изображениями.Я следовал CachedNetworkImage , но это не работает.Пожалуйста, помогите мне, если любое другое решение, доступное во флаттере

Вот видео моей проблемы

Когда я прокручивал список сверху вниз или снизу вверх, изображения исчезлии перезагрузил снова

Код

        ClipRRect(
                  borderRadius: new BorderRadius.only(
                  topRight: Radius.circular(10.0),
                  topLeft: Radius.circular(10.0)),
                  child: CachedNetworkImage(
                       placeholder: (context, url) => Center(
                           child: CircularProgressIndicator(),),
                            imageUrl: productList[position]["images"]
                            ["post_image1"],
                            height: 180,
                            width: MediaQuery.of(context).size.width,
                            fit: BoxFit.cover,
                    ))

1 Ответ

0 голосов
/ 24 сентября 2019

CachedNetworkImage отлично работает для меня.

Запустите ваше приложение на симуляторе / эмуляторе, чтобы увидеть, были ли изображения кэшированы.Обратите внимание, что размер изображения имеет большое значение (вы не хотите, чтобы они превышали 100 КБ, и, надеюсь, <50 КБ), поскольку даже если они кэшируются, каждый раз, когда они должны отображаться в пользовательском интерфейсе, они должны быть декодированы.Глядя на ваше видео, кажется, что изначально загрузка занимает много времени (это либо медленный интернет, либо большие файлы), затем, когда они загружены, вы все равно получаете время декодирования (но это намного меньше, чемначальное время загрузки). </p>

Итак, убедитесь, что изображения имеют разумный размер для использования в мобильном приложении.

...