美文网首页flutter
Flutter之cached_network_image组件

Flutter之cached_network_image组件

作者: 习惯了_就好 | 来源:发表于2019-06-27 09:47 被阅读2次
    /**
     * 从网络获取图片,并保存到缓存
     *  有占位图和加载出错图
     *
     *   CachedNetworkImage({
        Key key,
        @required this.imageUrl,
        this.imageBuilder,
        this.placeholder,//占位图
        this.errorWidget,//加载出错后显示图片
        this.fadeOutDuration: const Duration(milliseconds: 300),//控制placeholder的淡出动画时间
        this.fadeOutCurve: Curves.easeOut,//控制placeholder的淡出动画方式
        this.fadeInDuration: const Duration(milliseconds: 700),//控制目标图像的淡入动画时间
        this.fadeInCurve: Curves.easeIn,//控制目标图像的淡入动画方式
        this.width,
        this.height,
        this.fit,
        this.alignment: Alignment.center,
        this.repeat: ImageRepeat.noRepeat,
        this.matchTextDirection: false,
        this.httpHeaders,
        this.cacheManager,
        this.useOldImageOnUrlChange: false,
        this.color,
        this.colorBlendMode,
        })
     */
    
    body: Container(
              child: Center(
                  child: CachedNetworkImage(
                    imageUrl: "https://github.com/flutter/plugins/raw/master/packages/video_player/doc/demo_ipod.gif?raw=true",
                    placeholder: (context, url) => Image.asset("images/app.png"),
                    errorWidget: (context, url, error) =>
                        Image.asset("images/app.png"),
                  )
              ),
            ),
    

    相关文章

      网友评论

        本文标题:Flutter之cached_network_image组件

        本文链接:https://www.haomeiwen.com/subject/qehlcctx.html