Блог

Главная - Вопросы по программированию - Ожидание сетевого изображения и CircularProgressIndicator

Ожидание сетевого изображения и CircularProgressIndicator

#flutter

#флаттер

Вопрос:

Как поместить circularprogressindicator внутри Circleavatar, который запускается во время загрузки сетевого образа?

 CircleAvatar(
                            radius: 60,
                            backgroundColor: Colors.yellow,
                            backgroundImage: NetworkImage(data['imageUrl']), waiting this image....
                          ),
                        ),
                      ),

Ответ №1:

используйте cached_network_image

 CircleAvatar(
    radius: 60,
    child: ClipRRect(
        borderRadius: BorderRadius.circular(60),
        child: CachedNetworkImage(
          imageUrl: data['imageUrl'],
          placeholder: new CircularProgressIndicator(),
          errorWidget: new Icon(Icons.error),
        ),
    ),
);

попробуйте это.