[Flutter]Network 에 있는 Image 호출시 이미지 cache 문제해결

 

Flutter에서 Network에 있는 Image를 불러올때 사용하는 방법은 아래와 같습니다.

Image.network(url)

Image.network(
    String src, {
    super.key,
    double scale = 1.0,
    this.frameBuilder,
    this.loadingBuilder,
    this.errorBuilder,
    this.semanticLabel,
    this.excludeFromSemantics = false,
    this.width,
    this.height,
    this.color,
    this.opacity,
    this.colorBlendMode,
    this.fit,
    this.alignment = Alignment.center,
    this.repeat = ImageRepeat.noRepeat,
    this.centerSlice,
    this.matchTextDirection = false,
    this.gaplessPlayback = false,
    this.filterQuality = FilterQuality.low,
    this.isAntiAlias = false,
    Map<String, String>? headers,
    int? cacheWidth,
    int? cacheHeight,
  }) : image = ResizeImage.resizeIfNeeded(cacheWidth, cacheHeight, NetworkImage(src, scale: scale, headers: headers)),
       assert(alignment != null),
       assert(repeat != null),
       assert(matchTextDirection != null),
       assert(cacheWidth == null || cacheWidth > 0),
       assert(cacheHeight == null || cacheHeight > 0),
       assert(isAntiAlias != null);

위의 예시처럼 간단히 사용이 가능합니다. 
그런데 사용이 간단하다고 적용이 가능한것은 아니네요. ㅠ. ㅠ

오늘의 삽질은 원격이미지의 파일명은 변경이 안되고 파일만 변경되었을때 대처방안입니다. 
이미지명이 같으니 이전의 캐시를 가지고 표시를 해주는것 같더라구요. 

해결방법

 retUploadImageUri! + "?v=" + DateTime.now().toString())

위의 예시처럼 파일명말고 queryString에 version을 명시해서 받아오니 해결이 되었습니다. 
이것도 반나절이나 시간을 잡아먹었네요.
혹시라도 저처럼 삽질하시는 분들을 위한 소소한 팁이었습니다. 

반응형