SwiftUI GIF

Lightweight SwiftUI component for rendering GIFs from data or assets, with no external dependencies. As a bonus, there's an extension that loads GIFs into UIImages, as well as a UIKIt-compatible UIGIFImage class.

Installation

This component is distributed as a Swift package.

Sample usage

struct GIFImageTest: View {
  @State private var imageData: Data? = nil
  @State private var isDone = false
  
  var body: some View {
    VStack {
      GIFImage(name: "preview") // load from assets
        .frame(height: 300)
      if let data = imageData {
        GIFImage(data: data) // load from data
          .frame(width: 300)
        if isDone {
          Text("Done")
        } else {
          // set max repetitions and completion block for
          // when the animation completes
          GIFImage(data: data, repetitions: 2) {
            isDone = true
          }
          .frame(width: 300)
        }
      } else {
        Text("Loading...")
          .onAppear(perform: loadData)
      }
    }
  }
  
  private func loadData() {
    let task = URLSession.shared.dataTask(with: URL(string: "https://github.com/globulus/swiftui-webview/raw/main/Images/preview_macos.gif?raw=true")!) { data, response, error in
      imageData = data
    }
    task.resume()
  }
}

Recipe

For a more detailed description of the code, visit this recipe. Check out SwiftUIRecipes.com for more SwiftUI recipes!

Changelog

• 1.1.0 - Added repetition count and completion block.
• 1.0.0 - Initial release.