eharrison/LottieTutorialWatchOS-SwiftUI

A tutorial for using Lottie animation with watchOS in SwiftUI

Lottie Tutorial for watchOS with SwiftUI

About

This example demonstrates the usage of Lottie animations for watchOS with SwiftUI.

Steps to add it to your project:

• Add SwiftPackage: https://github.com/SDWebImage/SDWebImageLottieCoder
• Import LottieViewModel (found in project files)
• In your SwiftUI class, add as following:

struct ContentView: View {
    @ObservedObject var viewModel: LottieViewModel = .init()
    
    var body: some View {
        Image(uiImage: viewModel.image)
            .resizable()
            .scaledToFit()
            .onAppear {
                       self.viewModel.loadAnimation(url: URL(string: "https://assets8.lottiefiles.com/packages/lf20_Zz37yH.json")!)
                   }
    }
}

Requirements

• Swift 5.0
• watchOS 6.0+

Happy coding! 😀