Визуализируйте виджет изображения перед отображением на экране

Question

В моем приложении есть список страниц, между которыми можно пролистывать. Эти страницы включают сетевые изображения. Проблема в том, что сетевые изображения извлекаются и создаются только тогда, когда они видны, то есть пользователь наблюдает за всем процессом.

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

Сейчас

Цель

Answer 1

просто используйте cached_network_image пакет, например:

CachedNetworkImage(
        imageUrl: "image path",
        placeholder: (context, url) => CircularProgressIndicator(),
        errorWidget: (context, url, error) => Icon(Icons.error),
     ),

Answer 2

В вашем файле pubspe c .yaml,

Добавьте это как зависимость

meet_network_image:^0.1.2

В вашем файле dart, где вы хотите, чтобы изображение было, поместите эту строку код

MeetNetworkImage(
                  imageUrl:
                      "Your image url.jpg",
                  loadingBuilder: (context) => Center(
                        child: CircularProgressIndicator(),
                      ),
                  errorBuilder: (context, e) => Center(
                        child: Text('Error appear!'),
                      ),
                ),