To anyone trying out jetpack compose, I’m having significantly less weird IDE behavior when I use Android Studio instead of IntelliJ. I recommend using Android Studio to play around with things.

This is the first time I’ve tried aligning / justifying text in compose. Am I doing something wrong, or is this a bug? I’m trying to right-justify the text, but it’s not working.

Column(
    Modifier
        .fillMaxSize()
        .padding(20.dp)
) {
    Text(
        text = "Test test test asdfasdfa sfj aslf lajsdlf jlajdsfl jlasjf jaslkfj klajdfl jaslf lkasjfljaslk f",
        style = typography.h3,
        color = Color.White,
        textAlign = TextAlign.End,
        modifier = Modifier.background(Color.Black),
    )
}

How can I do rotations like in the first image? I tried

drawLayer(rotationY = 35f, transformOrigin = TransformOrigin(0))

but it doesn't look 3d. Do I have to scale or something like that? I tried different scale values but no luck.

What is the way to add images and font assets to a compose desktop project and how will they be referenced in code?

How to show hint text over Icon? I try to place Text() in one Box() with Icon() when mouse pointer enter in Icon. The text is shown on top of the icon, but the problem is that the box changes its size and changes the position of neighboring elements. My code:

@Composable
fun IconWithHint(
    asset: ImageAsset,
    modifier: Modifier = Modifier,
    tint: Color = AmbientContentColor.current,
    hint: @Composable() () -> Unit
) {
    val entered = remember { mutableStateOf(false) }
    Box {
        Icon(asset,
            modifier.pointerMoveFilter(
                onEnter = {
                    entered.value = true
                    false
                },
                onExit = {
                    entered.value = false
                    false
                }
            ),
            tint
        )
        if (entered.value) hint()
    }
}

I wonder how difficult it’d be to get code hotswapping working with compose desktop.

Hey, is there any example to make compose-desktop work with Gradle Groovy?

Hi ! How can i have relative width/height size ? Something like (FractionallySizedBox) in flutter or (vw and vh and %) in css or (app:layout_constraintHeight_percent) in android constraint layout 🤔

Is there any release cycle(every x weeks?) for Compose Desktop or does new versions come out, when specific features are ready?

https://github.com/JetBrains/compose-jb/blob/master/gradle-plugins/compose/src/main/kotlin/org/jetbrains/compose/ComposePlugin.kt#L52-L56 - Where can i see the source code of these dependencies?

Hey, in what version was "compose desktop `run` task throws NullPointerException with gradle 6.6 or 6.7" fixed?

Intellij autocompletion is failing frequently with the following error. Have noticed this only for compose desktop applications. Things won't work until i cleanup that compose runtime jar from gradle cache. Is this a compose plugin issue? Has anybody seen this issue earlier?

com.intellij.psi.stubs.UpToDateStubIndexMismatch: PSI and index do not match.
Please report the problem to JetBrains with the files attached
INDEXED VERSION IS THE CURRENT ONE file=KtFile: ProduceStateScopeImpl.class, file.class=class org.jetbrains.kotlin.idea.decompiler.classFile.KtClsFile, file.lang=Language: kotlin, modStamp=1
 AST INCONSISTENT, perhaps after incremental reparse; KtFile: ProduceStateScopeImpl.class
 stub debugInfo=created in getStubTree(), with AST = false; with backReference
latestIndexedStub=StubTree{myDebugInfo='created from index; with backReference', myRoot=PsiJetFileStubImpl[package=androidx.compose.runtime]}1615692120
   same size=true
   debugInfo=created from index; with backReference
 viewProvider=org.jetbrains.kotlin.idea.decompiler.KotlinDecompiledFileViewProvider{vFile=jar:///Users/xxx/.gradle/caches/modules-2/files-2.1/org.jetbrains.compose.runtime/runtime-desktop/0.1.0-build113/3210ec4f762a877390f2b6462f3919cd3a6580e9/runtime-desktop-0.1.0-build113.jar!/androidx/compose/runtime/ProduceStateScopeImpl.class, vFileId=1202084, content=VirtualFileContent{size=5451}, eventSystemEnabled=true}
 viewProvider stamp: 0; file stamp: 0; file modCount: 1605036751442; file length: 5451
 doc saved: true; doc stamp: 0; doc size: 772; committed: true
indexing info: indexing timestamp = 1605036751442, binary = true, byte size = 5451, char size = -1
	at com.intellij.psi.stubs.StubTreeLoader.handleUpToDateMismatch(StubTreeLoader.java:135)

I'm using the 1.4.20-RC-IJ2020.2-1 version of the Kotlin plugin but I don't see Jetbrains Compose as an option in the new project wizard, why not?

At first glance, MutableState and MutableStateFlow work equally well in Composable. What is better to use?

How to draw a custom GenericShape or Shape in general? Following the https://foso.github.io/Jetpack-Compose-Playground/cookbook/how_to_create_custom_shape

val shape = GenericShape { size ->
    moveTo(size.width / 2f, 0f)
    lineTo(size.width, size.height)
    lineTo(0f, size.height)
}

After copy pasting the triangle shape (which I'm going to change later), I don't have idea of how to draw it. Shape seems to be a parameter of

Modifier.border

,

Modifier.drawLayer

, so I tried, but nothing works 😛 :

fun main() =
        Window(
                title = "Compose for Desktop",
                size = IntSize(300, 300),
        ) {
            DesktopMaterialTheme(
                    colors = lightColors(background = Color.Cyan),
            ) {
                Box(modifier = Modifier.border(5.dp, Color.Cyan, shape))
            }
        }

Any thoughts?

Which version of Kotlin is supported?

AppWindowAmbient.current.y

gives the top location of the current desktop window. Is there a way to get the vertical offset from the window top for

Canvas

or

DrawScope

? That would allow doing vertical gradients across multiple composables without trying to place them into a common container.

Another case is to display a floating "something" (like a tooltip) anchored to the specific composable, but not overflowing the window bounds. Couldn't find anything related to tooltips in compose android / desktop though to see the implementation details.

I am new to Compose, and trying to implement a master-detail type interface that is exhibiting inconsistent behavior. I am hoping someone can tell me what I am doing wrong, or if there is a bug. Things work as expected if the selected item in the master list is not changed. But once the selected master item is changed, it is no longer possible to edit fields in the detail view. I have uploaded a code sample here: https://gist.github.com/gsteckman/bbfb046673504935388a6eafc9eb652b. I would really appreciate any insights, especially if I am doing something in an incorrect or sub-optimal way for using compose.

I was really hoping compose navigation to be platform agnostic. Currently it suites only android. What about desktop navigation?

Hi! Just a dummy question.... Anyone succesfully used firebase (database, realtime, auth...) + compose desktop?

Question. Why i have that white background on the text?

Column(
    modifier = Modifier.padding(16.dp),
) {
    Surface(
        elevation = 4.dp,
        modifier = Modifier.clip(MaterialTheme.shapes.medium)
            .background(color = MaterialTheme.colors.primary)
            .clickable {}
            .padding(8.dp)
    ) {
        Text(text = "${repo.owner.login}/${repo.name}")
    }
}

Does jb-compose support Menu Bar (especially for the difference in behaviour in Mac where it is always at the top of the screen but only top of in the window on Windows). Or should that be a feature request for the roadmap?

Somewhere "apple.laf.useScreenMenuBar" system property needs to be set to true. Either in https://android.googlesource.com/platform/frameworks/support/+/refs/heads/androidx-master-dev/compose/desktop/desktop/src/jvmMain/kotlin/androidx/compose/desktop/AppWindow.kt?autodive=0%2F%2F%2F%2F or the mac packager

Is it true that the multiplatform/desktop Compose gradle plugin and stuff doesn’t support Compose alpha07? I haven’t seen any configuration in the samples referencing any of the alphas, so I’m assuming it’s hard-coded to something around alpha06?

When will IDEA support compose preview? Or can I use Android Studio to preview it?

Not 100% related but it seems compose desktop needs java 11. I thought I could just specify that in gradle:

java {
    toolchain {
        languageVersion.set(JavaLanguageVersion.of(11))
    }
}

But when running from the command line:

./gradlew run

It shows an error:

Exception in thread "AWT-EventQueue-0" java.lang.UnsupportedClassVersionError: org/jetbrains/skiko/Library has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0

The app displays an icon using

Icon(imageFromResource("images/logo.png"))

But sometimes, when the system is under heavy load I have NullPointerException in DesktopImageAssetKt.loadResource() Apparently the icon doesn't have time to load... How to make waiting for the icon to load and then display it?

That's what happen when I run any compose demo on wayland/gnome. If I move the window, the black bar disappears.

I get sometimes crashes when i am showing images loaded from files. I am not able to reproduces it reliable. So maybe is it necessary to be on the Main/UI thread to do skia canvas operations? (But it looks like most of the time it is also working when i am on a background thread)