Support for Layout Inspector for Android

[CRamsan]

Android Studio is not able to open the hierarchy tree or recomposition count when running using the Android libraries from Jetbrains Compose/Compose Multiplatform. Having access to this tools would be a great benefit to be able to efficiently debug issues on layouts on Android.
The Compose Multiplatform template is the minimum required to repro this issue.

Currently testing:

• Android Studio: Electric Eel 2022.1.1 Patch 2
• Kotlin: 1.8.0
• AGP: 7.4.2
• Compose: 1.4.0-alpha01-dev977

[hereisderek]

really hope this would get more attraction.

[senk0n]

It's possible by configuring androidx compose compiler for android target, see JetBrains/compose-multiplatform-template#18 (comment)

[Omico]

Any updates for this? It only shows the top composable of it. This bug makes Compose Multiplatform difficult to debug.

IntelliJ IDEA 2023.3.2

IDEA plugins:
Android 233.13135.106
Jetpack Compose 233.13135.106
Compose Multiplatform IDE Support 1.5.11

Compose Multiplatform 1.5.11
Kotlin 1.9.21

[Omico]

Just notice it works now!

IntelliJ IDEA 2023.3.4

IDEA plugins:
Android 233.14475.28
Jetpack Compose 233.13135.106
Compose Multiplatform IDE Support 1.5.12

Compose Multiplatform 1.6.0-rc02
Kotlin 1.9.22

[robxyy]

@Omico Can you provide a demo? I have tried using the same environment, but it still doesn't work.

[jccr]

@Omico Can you provide a demo? I have tried using the same environment, but it still doesn't work.

It wasn't working (just showing MaterialTheme, and no child nodes) until I added these to my android target.

As suggested by #2914 (comment)

android {
    buildFeatures {
        compose = true
    }
    composeOptions {
        kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()
    }

[robxyy]

As suggested by #2914 (comment)

android {
    buildFeatures {
        compose = true
    }
    composeOptions {
        kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()
    }

Thanks. I've found the cause of the problem, library module should also be set up like this :)

[Lampotrias]

@Omico Can you provide a demo? I have tried using the same environment, but it still doesn't work.

It wasn't working (just showing MaterialTheme, and no child nodes) until I added these to my android target.

As suggested by #2914 (comment)

android {
    buildFeatures {
        compose = true
    }
    composeOptions {
        kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()
    }

Thanks, it's works now.
But in kotlin 2.0 we must delete:

compose = true
and
kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()

coming coon ... :)

[Omico]

Here is a full demo with Kotlin 2.0.0 & Compose Multiplatform 1.6.10. The layout inspector is working.
https://github.com/Omico/picsum/tree/cmp

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.