Image transition requires indicator

[yonaskolb]

It seems image loaded transitions require an indicator to be set if even if one isn't required

Animation works:

WebImage(url: url)
    .renderingMode(.original)
    .resizable()
    .placeholder {
        Asset.avatar.image
        .resizable()
        .renderingMode(.original)
    }
    .indicator(Indicator { _, _ in EmptyView()}) // or .indicator(.activity)
    .animation(.easeInOut(duration: 0.2))
    .transition(.fade)

No animations occur:

WebImage(url: url)
    .renderingMode(.original)
    .resizable()
    .placeholder {
        Asset.avatar.image
        .resizable()
        .renderingMode(.original)
    }
    .animation(.easeInOut(duration: 0.2))
    .transition(.fade)

[dreampiggy]

Seems this bug only applies for WebImage. The AnimatedImage transition works without any indicator required.

[dreampiggy]

Seems this bug only relatede to the .fade convenient method.

You can try to use the following to workaround. Looks like a bug in SwiftUI from iOS 13.2+. iOS 13.0 does not have this strange behavior. I will find another workaorund.

WebImage(url: url)
.transition(.asymmetric(insertion: AnyTransition.opacity.animation(.easeInOut(duration: 0.5)), removal: AnyTransition.identity))

or you can create a helper API like this:

extension AnyTransition {
    public static func fade(duration: Double) -> AnyTransition {
        let insertion = AnyTransition.opacity.animation(.easeInOut(duration: duration))
        let removal = AnyTransition.identity
        return AnyTransition.asymmetric(insertion: insertion, removal: removal)
    }
}


WebImage(url: url)
.transition(.fade(0.5))

@yonaskolb

[dreampiggy]

I'd like to introduce this new API. Until Apple fix this issue, you'd better use new .fade(duration:) API instead, or create your own Animation by using SwiftUI native API.

[dreampiggy]

@yonaskolb v1.5.0 version support the convenient transition with duration API. You can upgrade and use that instead.

See: https://github.com/SDWebImage/SDWebImageSwiftUI/releases/tag/1.5.0

[yonaskolb]

Thanks @dreampiggy!