When I use Jetbrains Compose in Android Studio in an Android source set, and I use an `@Preview` is ...

# compose-desktop

[eygraber]

When I use Jetbrains Compose in Android Studio in an Android source set, and I use an @Preview is there any way to get it to use Android Studio's compose preview?

[Dima Avdeev]

Preview annotation works in Android Studio for Android sourceset's.

[Dima Avdeev]

For Desktop sourceset we have plugin to Intellij IDEA:
https://plugins.jetbrains.com/plugin/18409-jetpack-compose

For AndroidStudio and IDEA: https://plugins.jetbrains.com/plugin/16541-compose-multiplatform-ide-support

[eygraber]

I had issues with both of those scenarios. What's the best place to file a bug for each of them?

[Dima Avdeev]

Sorry, I am wrong. The second plugin works for IntelliJ IDEA too.
https://plugins.jetbrains.com/plugin/16541-compose-multiplatform-ide-support

[Dima Avdeev]

Can you please try it in IDEA with this project: https://github.com/JetBrains/compose-jb/tree/master/templates/desktop-template
In main.kt you can find Preview annotation

[eygraber]

I'll try that soon, but I experienced issues in Android Studio.

Previews weren't working in Android source sets, and when I installed the Compose Multiplatform IDE Support plugin compose references throughout my project weren't found and instead of a quick action to import them, the only option was to add a gradle dependency to the artifact where that reference lives.

[Dima Avdeev]

You need Preview annotation for Android sourceSet in AndroidStudio?

[eygraber]

Yes, if I want to preview a composable. I was able to deploy a preview to a device, but not show the preview in the IDE itself

[Dima Avdeev]

For AndroidStudio and Android sourceSet doc available here: https://developer.android.com/jetpack/compose/tooling

[Dima Avdeev]

You need this dependencies:

debugImplementation("androidx.compose.ui:ui-tooling:1.3.0")
implementation("androidx.compose.ui:ui-tooling-preview:1.3.0")

[eygraber]

So I can't use the compose Multiplatform artifact that gets re-written to use the Android one?

[Dima Avdeev]

You can use the default AndroidStudio Preview with Android part of your app.

[Dima Avdeev]

But, you need to split dependencies between common and Android part

[eygraber]

I'll give that a shot as well

[Dima Avdeev]

I can create basic sample for this scenario

[Dima Avdeev]

Do you need it?

[eygraber]

Thank you, I have a project that I can use for that pretty quickly. Just need to get back to my computer 😅

[eygraber]

Looks like the issue is that Android Studio preview doesn't work if the Jetbrains Compose Gradle plugin is applied to the project

[Dima Avdeev]

I will check it, thanks!

[Dima Avdeev]

I investigate this problem.
So, it works in the Android module. And in common module for Desktop.
Video:

https://youtu.be/7XdLfsbPRqE▾

Project: https://github.com/dima-avdeev-jb/check-android-studio-with-compose-mpp-preview

I used this plugin https://plugins.jetbrains.com/plugin/16541-compose-multiplatform-ide-support

[eygraber]

Ok thanks!

Is it supposed to work in an Android source set in a multiplatform module?

Also what version of Android Studio is that?

[Dima Avdeev]

message has been deleted

[Dima Avdeev]

2021.3.1 Patch 1

[Dima Avdeev]

Is it supposed to work in an Android source set in a multiplatform module?

No, I tried, but Preview is not shown.
But you may use a fast run option. To run this Preview right in emulator.

[Dima Avdeev]

It works in android module

[eygraber]

Ok thanks