:thread: UIKitView + `graphicsLayer` modifier

# compose-ios

[faogustavo]

🧵 UIKitView + graphicsLayer modifier

[faogustavo]

I'm seeing some weird behavior with a native component in my app

[faogustavo]

Here is the composable you can use for test (created using kmp.jetbrains.com)

@OptIn(ExperimentalForeignApi::class)
@Composable
fun App() {
    MaterialTheme {
        val uiImage = remember { UIImage.systemImageNamed("arrow.clockwise") }

        Column(
            modifier = Modifier.fillMaxSize(),
            verticalArrangement = Arrangement.Center,
            horizontalAlignment = Alignment.CenterHorizontally,
        ) {
            var target by remember { mutableStateOf(0f) }
            val rotation by animateFloatAsState(target)

            UIKitView(
                factory = { UIImageView(uiImage) },
                modifier = Modifier.size(40.dp)
                    .graphicsLayer { rotationZ = rotation }
                    .border(1.dp, Color.Blue),
            )

            Button(
                onClick = { target += 90 },
                modifier = Modifier.padding(top = 48.dp)
            ) {
                Text("Rotate")
            }
        }
    }
}

[faogustavo]

Simulator Screen Recording - iPhone 15 Pro - 2024-06-17 at 12.38.03.mp4

Simulator Screen Recording - iPhone 15 Pro - 2024-06-17 at 12.38.03.mp4

[markturnip]

possible to set the underlying UIView layer anchor point?

[Ivan Matkov]

Free transform is not supported for interop views. Please open an issue to track this

[faogustavo]

https://youtrack.jetbrains.com/issue/KT-69208/Compose-iOS-Support-free-transformation-for-native-UIKit-Elements

[Ivan Matkov]

Moved from kotlin to compose - https://youtrack.jetbrains.com/issue/CMP-1563

[faogustavo]

Thanks 🙂