How to load dotLottie file in LottieAnimationView, if it's defined in storyboard

[nik6018]

For ".json" files I am easily able to it via LottieAnimation model if the container view LottieAnimationView is defined in story board.

Below is my code to load ".json" Lottie files

    @IBOutlet var lottieView: LottieAnimationView! {
        didSet {
            lottieView.animation = LottieAnimation.named("lottie_file")
            lottieView.loopMode = .loop
            lottieView.backgroundColor = .red
        }
    }

Is there a way to load dotLottie file in the same way ? I have checked in the SDK files and found DotLottieFile class which loads it in an asynchronous way but nothing as simple as above.

Even the LottieAnimationView.init(dotLottieName: "dot_lottie_file") initialiser is not working, I thought of create the below extension to extract the animation object even that didn't work

extension LottieAnimationView {
    convenience init(assetName: String, ofType type: LottieAnimationType = .json) {
        switch type {
            case .json:
                self.init(name: assetName)
            case .dotLottie:
                self.init(dotLottieName: assetName)
        }
    }
}

extension LottieAnimation {
    
    static func loadLottieAsset(named name: String, ofType type: LottieAnimationType = .json) -> LottieAnimation? {
        return LottieAnimationView(assetName: name, ofType: type).animation
    }
}

  @IBOutlet var lottieView: LottieAnimationView! {
      didSet {
          lottieView.animation = LottieAnimation.loadLottieAsset("lottie_file". ofType: .lottie)
          lottieView.loopMode = .loop
          lottieView.backgroundColor = .red
      }
  }

Can anyone point to me in the right direction on loading ".json" & ".lottie" files in LottieAnimationView if it's defined in storyboard

Lottie Version: 4.5.1

Edit :

Seems like I was not using the completion handler for the initialiser LottieAnimationView.init(dotLottieName: "dot_lottie_file"), thus it was not working, so to load dotLottie files I always have to use a completionHandler ? It cannot be loaded in a synchronous way ?

[kirti-swiggy]

Though not recommended, dot lottie can loaded in synchronous fashion too.

You can use DotLottieFile.SynchronouslyBlockingCurrentThread.named("lottie_file") method.

[nik6018]

Thanks @kirti-swiggy, this works, if possible can you let me know if any down side for the approach ?

Most of my .lottie files won't be bigger than 100 kb, so can I use it even though my thread will be blocked for a split second ?

[kirti-swiggy]

Yeah. Only side effect is that the dispatcher thread will be blocked till .lottie is decompressed and ready to be rendered. Test it on some sample lotties and see if it works for you.

Thanks @kirti-swiggy, this works, if possible can you let me know if any down side for the approach ?

Most of my .lottie files won't be bigger than 100 kb, so can I use it even though my thread will be blocked for a split second ?

[nik6018]

Thanks @kirti-swiggy