Hello, I tried SwiftUI inside Compose Multiplatfor...

# compose

[박의엘]

Hello, I tried SwiftUI inside Compose Multiplatform to use Lottie animation on Android iOS. It works fine on Android, but on iOS, it doesn't match the parent view

Box(
    modifier = Modifier
        .fillMaxSize()
        .background(DmsTheme.colors.background),
    contentAlignment = Alignment.Center,
) {
    DmsLottieAnimation(
        modifier = Modifier
            .fillMaxSize()
            .horizontalPadding(100.dp)
            .background(DmsTheme.colors.background),
        animationFileName = animationName
    )
}

@Composable
actual fun DmsLottieAnimation(
    modifier: Modifier,
    animationFileName: String,
) {

    UIKitViewController(
        factory = {
            LottieControllerProvider.lottieAnimationController(animationFileName)
        },
        modifier = modifier,
    )
}

fun mainViewController(
    lottieUIViewController: (String) -> UIViewController
) = ComposeUIViewController(
    configure = { LottieControllerProvider.lottieAnimationController = lottieUIViewController }
) {
    DmsApp()
}

*func* makeUIViewController(context: Context) -> UIViewController {
MainViewControllerKt.mainViewController(
lottieUIViewController: { animationName *in*
*return* UIHostingController(rootView: DmsLottieView(animationName: animationName))
}
)
}

*struct* DmsLottieView: UIViewRepresentable {
*var* animationName: String

*func* makeUIView(context: Context) -> LottieAnimationView {
*let* animationView = LottieAnimationView(name: animationName)

animationView.translatesAutoresizingMaskIntoConstraints = false


animationView.contentMode = .scaleAspectFit

animationView.backgroundColor = UIColor.clear
animationView.isOpaque = *false*

animationView.play()



*return* animationView
}


func updateUIView(_ uiView: LottieAnimationView, context: Context) {
uiView.backgroundColor = UIColor.clear

NSLayoutConstraint.activate([
uiView.widthAnchor.constraint(equalTo: uiView.widthAnchor),
uiView.heightAnchor.constraint(equalTo: uiView.heightAnchor)
])
}
}

[Zach Klippenstein (he/him) [MOD]]

Please keep long code snippets to the thread, thanks!

[Vaibhav Jaiswal]

Try using Compottie

[박의엘]

I used compottie library but it's not working
https://github.com/alexzhirkevich/compottie/issues/23#issuecomment-2398680103

[Vaibhav Jaiswal]

Upgrade kotlinx serialization to 1.7.3 and this error goes away

[박의엘]

change this kotlinx serialization?

org.jetbrains.kotlinx:kotlinx-serialization-json

[Vaibhav Jaiswal]

Yes

[박의엘]

Thank you
I will try

[박의엘]

I have this problem with iOS
Compilation failed: IrTypeAliasSymbolImpl is already bound. Signature: <http://io.ktor.utils.io|io.ktor.utils.io>.core/ByteReadPacket|null[0]. Owner: TYPEALIAS name:ByteReadPacket visibility:public expandedType:kotlinx.io.Source

[jamshedalamqaderi]

Please check this: https://github.com/ismai117/kottie/

[박의엘]

I used kottie library but it's have problem
https://github.com/ismai117/kottie/issues/26