Flutter 插件cached_network_image加载动进度条变形问题

冰天糖葫芦

于 2019-08-30 15:25:43 发布

阅读量3.2k

点赞数 1

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.youkuaiyun.com/u014465652/article/details/100159825

版权

flutter 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Flutter中使用cached_network_image插件加载网络图片，并通过Container和CircularProgressIndicator组件优化加载过程中的显示效果，避免全屏进度条的出现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初学flutter，在使用flutter的插件cached_network_image加载网络图片时发现在加载过程中显示的圆形进度条是充满屏幕的非常那看，但是只要潜逃一个container设置好居中，就可以让圆形进度条正常显示，下面附代码：

Widget _swiperBuilder(BuildContext context, int index) {
    return (new CachedNetworkImage(
      imageUrl: imagePath[index],
      placeholder: (context, url) => new Container(
        child: new Center(
          child: new CircularProgressIndicator(),
        ),
        width: 160.0,
        height: 90.0,
      ),
      errorWidget: (context, url, error) => new Icon(Icons.error),
      fit:BoxFit.cover,
    ));
  }