Does skiko (and by extension compose desktop) support Wayland display servers? I noticed in

<http://drawlayer.cc|drawlayer.cc>

that only references to X11 header files are made.

Is there a YouTrack for Skiko? I posted an issue on github, but I'm not sure if that's where it will be seen. https://github.com/JetBrains/skiko/issues/28

https://github.com/JetBrains/compose-jb/issues/165 I opened this ticket, does somebody have the same issue?

I'm kinda in love with ambients. But then again, powers to be are saying that those can be easily abused 🙂

Would this be a good way to run JavaFX and Compose Desktop in the same application?

import kotlinx.coroutines.*

import androidx.compose.desktop.*
import androidx.compose.material.*
import androidx.compose.runtime.*

fun main(args: Array<String>) = runBlocking {
    val javaFxJob = GlobalScope.launch {
        launch<HelloWorld>(args)
    }

    val composeDesktopJob = GlobalScope.launch {
        Window {
            var text by remember { mutableStateOf("Hello, World!") }

            MaterialTheme {
                Button(onClick = {
                    text = "Hello, Desktop!"
                }) {
                    Text(text)
                }
            }
        }
    }

    javaFxJob.join()
    composeDesktopJob.join()
}

I'm getting crashes half of the time, unless I separate the startups of the two toolkits with a

delay()

, so I guess there is something wrong. Otherwise it seems to work. This happens with both 0.3.0-build133 and 0.2.0-build132.

The following code is a slightly reworked snippet from the Android Compose sample app.

val colors = if (isSystemInDarkTheme()) {
    darkColors()
} else {
    lightColors()
}

Doesn't work because isSystemInDarkTheme() is not found. On the Android side it is currently resolved through foundation-1.0.0-alpha04. So, am I mistaken assuming Compose Desktop relies on another (earlier) version of androidx.compose.foundation? If I got something completely wrong, please forgive me, still apprenticing Compose Desktop. :-)

Is there a trick to centering things in compose? i.e. in a Lazy Column, for each item if I have some text, and then a divider at the bottom, I’m finding it exceptionally verbose to center the text vertically, and have the divider at the bottom.

👋 trying compose desktop, I’m told this is the place to ask questions. So, let’s start with a dumb one: when running a desktop app from IJ, where do I see the result of

println

?

Result of todays’ session: https://twitter.com/Piwai/status/1335021725361160192

how easy is it to draw custom shapes via SVG or canvas across compose-desktop and android ? (that kinda the center UI for a thing i might want to build.. but i also want to explose compose for desktop)

Just did file > new project as per https://blog.jetbrains.com/cross-post/jetpack-compose-for-desktop-milestone-2-released/ and I get this red line under

Window

. the app builds... but I'm curious if anyone knows how to get rid of it?

A bit more progress on Aurora icons and transitions. The plan is to support not only mono-chromatic icon sets (such as Material), but a wider variety of iconography languages that may or may not use colors, textures ets. In the example below, the

toggle

button is using a multicolor icon from the Tango set, while

flat

and

always

buttons use the single-color icons from the Material set. The

toggle

button is configured to use theme-provided colors and alpha for automatically filtering the icon appearance when the button is in the disabled state. You can see when

content enabled

checkbox is unselected, the computer icon turns light brown when

toggle

is selected (+disabled) and light gray when it's not selected (+disabled). The

flat

and

always

buttons are configured to have the icon always filtered to follow the text color. This "follow text" functionality can be seen in enabled/disabled states, as well as during the rollover when the icon and the text turn from black to dark brown.

I want to use drag and drop using compose-jb. I want to pull a file from outside and import it into the app. How do I implement it?

Is there any way to gain access to the code from the common layer in the IDE? It’s very annoying that all I can really see is

/* = compiled code */

Can skiko/skija be used to scale an image? (Not drawing it but creating another image of a different size)

If I have timers on a UI in compose, and part of my state I have the start date, what would be the best way to trigger a re-draw of the UI every second, so that the timers can be updated? It’d be obvious to just update the state with the actual value to display in a coroutine timer using

delay

, but I have a list of items potentially hundreds large, and it seems like there might be a better way that compose offers.

Hello, is compose-jb a multiplatform project? I’d like to build an app for windows and macOS, and I wonder what platform of a 3rd party I should use? I guess both?

Hi, I have a Gradle project with 3 subprojects using Compose for desktop. Two of the subprojects are Compose applications and then the third is shared code between the two. I am getting an error in the IDE that I can't seem to get to go away. It is "Cannot inline bytecode built with JVM target 1.8 into bytecode that is being built with JVM target 1.6. Please specify proper '-jvm-target' option". In all my build.gradle.kts files I am setting the kotlinOptions.jvmTarget to 15 but its like the IDE ignores it. This only happens in a Gradle project with subprojects. Does anyone know how to get this to go away?

Is more work planned for Scroll Bars? My initial feedback after spending an hour with them: • I put my screen in a

ScrollableColumn

and got an error. I was annoyed that I had to refactor my screen because I had a

LazyColumnFor

nested inside it. • Using the

item

syntax inside

LazyColumn

was surprisingly delightful for building lazy content. I was pretty happy with how easy it made things. • Not having access to ScrollBars in the common layer was pretty brutal. • The current api for lazy column with scroll bars forces me to give an average item height and a count. This api was pretty cumbersome to use. This takes away most of the benefits from using the

item

syntax with

LazyColumn

. • I’m going to avoid using `ScrollBar`s for now as I have to modify the way I’m developing too much, and the APIs are too error prone.

Hi, I’m pretty new to Compose (haha, I mean trying to really do something with it), and I want to use it for simple game UI we are doing with my kid. It’s not even 2D game, just some controls and images reflecting current state, kinda like incremental/idle games, if you know. While I understand unidirectional approach, incremental computations and such, I can’t find a simple way to do a game loop. Basically, I want it to call some

Update(dt)

function frequently passing time passed since last call, which would update game mutable state and then I want UI to only touch things that actually depend on the change. I’ve searched the net and only found some clocks and Dino game, but they are just animating things directly, not doing this intermediate game state thing. Am I missing something? How I’d go with it?

If I configure my build script like this, the Java packaging tool creates a very nice .dmg file. Excellent! The menubar picks up the app name for the menu title but the menu item still reads MainKt (see screenshot). Can I configure this on my own besides renaming the corresponding file 🙂 or are there changes inside Compose Desktop needed to make this happen? Thanks in advance

compose.desktop {
    application {
        mainClass = "com.thomaskuenneth.tkdupefinder.MainKt"
        nativeDistributions {
            targetFormats(TargetFormat.Dmg)
            packageName = "TKDupeFinder"
            version = "0.1-SNAPSHOT"
            description = "Find duplicate files"
            copyright = "© 2020 Thomas Kuenneth. All rights reserved."
            vendor = "Thomas Kuenneth"
        }
    }
}

Can any of you repro my issue? File > New Project,

Window

is underlined as an error. gif available of what I'm doing

Tried playing with CfD a bit, new project created in IJ 203 with Kotlin 1.4.20, CfD 0.20-build132. I’m stuck at the IDE/compiler complaining that

mutableState

doesn’t have a

get()

and thus cannot be used as a delegate. Code copied from the official samples. Weirdest part is, it works with the code samples, same IDE, Kotlin version, CfD version. I suspect it may be some Kotlin compiler plugin in my build interfering — I already had to remove kotlinx.serialization as its compiler plugin would just crash with NPEs as soon as I added

@Serializable

to literally any class. Maybe it’s coroutines? Will do some further testing, was mostly wondering whether there’s any known compat issues

I'm drawing a simple rectangle with red border. I noticed that the top origin is behind the system bar. We can see the left, bottom and right edges. But to show the top I have to increase the Y-axis origin. Why the top rectangle edge is behind the system bar?

How can i see the compose compiler generated bytecode in IDE (similar to suspend functions) ?

Show Kotlin Bytecode

still shows the compose annotation and not the transformed function with composer context as first argument.

Quick question, I need dispatchers.Main. Which one do I need for desktop: • kotlinx-coroutines-android • kotlinx-coroutines-javafx • kotlinx-coroutines-swing • Another one?

Hey, I'm compiling the todoapp example with

gradle :desktop:package

And I'm only getting a .deb Even if I use

gradle :desktop:packageMsi

I don't get an .msi file Does anyone know how to build an .msi with compose? I work on a linux vm

There seems to be a problem when using Kotlin.Result with CfD by running the code below, the first call will work and print "success" just fine, however the second will throw an exception. output in the reply.

public suspend fun main() {

    getImage()
        .fold(
            onSuccess = { println("success") },
            onFailure = { println("failure") }
        )

    Window {
        LaunchedEffect(null) {
            getImage()
                .fold(
                    onSuccess = { println("success") },
                    onFailure = { println("failure") }
                )
        }
    }
}
public suspend fun getImage(): Result<ByteReadChannel> = runCatching<ByteReadChannel> {
    client.get<ByteReadChannel>("<https://i.redd.it/22bexa3ozc461.png>")
}

What's the proper way to handle exceptions thrown from composable functions? An unchecked java exception thrown from a composable function has frozen the UI and there is no way to recover from it gracefully. So in this case I want to catch (Something like

Thread.UncaughtExceptionHandler

) and continue the recomposition or is this some kind of anti-pattern in compose? 

Exception in thread "AWT-EventQueue-0 @coroutine#2" java.lang.IndexOutOfBoundsException: Index 5 out of bounds for length 5
	at java.base/jdk.internal.util.Preconditions.outOfBounds(Preconditions.java:64)
	at java.base/jdk.internal.util.Preconditions.outOfBoundsCheckIndex(Preconditions.java:70)
	at java.base/jdk.internal.util.Preconditions.checkIndex(Preconditions.java:248)
	at java.base/java.util.Objects.checkIndex(Objects.java:359)
	at java.base/java.util.ArrayList.get(ArrayList.java:427)
	at androidx.compose.material.TabRowKt$TabRow$1.invoke(TabRow.kt:117)
	at androidx.compose.material.TabRowKt$TabRow$1.invoke(TabRow.kt)