Lottie Animation not playing while Accessibility large text ON, in swiftUI

[jriosdev]

Lottie animation doesn't playing while Accessibility large text ON, when it is off working normally
`
import Lottie
import SwiftUI
import UIKit

public struct LottieView: UIViewRepresentable {
public init(_ name: String, loopMode: LottieLoopMode = .playOnce) {
    self.loopMode = loopMode
    animationView = LottieAnimationView(name: name)
}

var loopMode: LottieLoopMode = .playOnce
var animationView: LottieAnimationView
let backgroundBehavior: LottieBackgroundBehavior = .pauseAndRestore

public func makeUIView(context: UIViewRepresentableContext<LottieView>) -> UIView {
    let view = UIView(frame: .zero)
    animationView.contentMode = .scaleAspectFit
    animationView.loopMode = loopMode
    animationView.backgroundBehavior = backgroundBehavior
    animationView.play()
    animationView.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(animationView)

    NSLayoutConstraint.activate([
        animationView.heightAnchor.constraint(equalTo: view.heightAnchor),
        animationView.widthAnchor.constraint(equalTo: view.widthAnchor),
    ])
    return view
}

public func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<LottieView>) {
    animationView.play()
}

}

`

Which Version of Lottie are you using?

Lottie 4.2.0

Actual Behavior

blank animation view

[xfostier]

Hey, are you sure this isn't a layout issue? Maybe could you please provide more informations about where this view sits or how you are using it.

I tried using your code and the same Lottie version (4.2.0) and my animations are working normally with "larger text" set on max scale in accessibility settings. (Simulator - 16.4)

[jriosdev]

' public struct CheckBox: View {

public init(checked: Binding<Bool>) {
    _checked = checked
}

@Binding var checked: Bool
@State var animate = false
private var error: Bool = false
private var animation = "checkBox"
public var body: some View {
    Button {
        checked.toggle()
    } label: {
        if checked && animate {
            LottieView(fromModule: animation)
                .frame(width: 24, height: 24, alignment: .center)
        } else {
            Image(imageName(), bundle: .module)
                .resizable()
                .scaledToFit()
                .frame(width: 24, height: 24, alignment: .center)
                .foregroundColor(getForeground())
        }
    }
    .buttonStyle(.plain)
    .onChange(of: checked) { _ in
        animate = true
    }
}

private func imageName() -> String {
    return checked ? "SquareActive" : "Square"
}

private func getForeground() -> Color {
    if checked {
        return .primaryColor
    } else if error {
        return .supportRedColor
    } else {
        return .secondaryOutlineColor
    }
 }
}

`

[jriosdev]

I found the issue
the LottieVIew not working inside Button only if accessibility Large text ON