Hi. Interested in the question regarding the support of different platform APIs. For instance, will it be possible in the future to support (have a modifier) native Acrylic Material on Windows 10 or analogs on MacOS/KDE-based linux? https://docs.microsoft.com/en-us/windows/uwp/design/style/acrylic I've found how to do it on JFrame, but it looks verbose https://stackoverflow.com/a/28821423 Thanks.

is there any reason that a mutable state flow wouldnt cause a composable function to reload its state when the value of the state flow has changed? I'm running into an issue where I'm changing the value of a mutable state flow but the composable function that collects it as state is not receiving the update or doing a rerender

Hi everyone Is DropdownMenu available in compose desktop? I tried to import (

androidx.compose.material.DropdownMenu

) it but the IDE can’t find it. I’m using version

0.3.2

of compose

Apart from the

dirChooser

flag, is there any way to define default installation directory? I read it's possible via `jpackage`'s

--install-dir

option, but how can I pass that param from

build.gradle.kts

? 🤔

I am trying to wrap my head around flow/coroutines all at the same time as learning compose-desktop so clearly I am struggling 😉. I have the following piece of code:

private val _pendingIOs = MutableStateFlow(0)
    val pendingIOs: StateFlow<Int>
        get() = _pendingIOs
    
    fun createPart(): Flow<Part> = flow {
        val e = coroutineScope {
            withContext(Dispatchers.Main) {
                <http://logger.info|logger.info>("executing in Main")
                _pendingIOs.value++
                try {
                    async(<http://Dispatchers.IO|Dispatchers.IO>) {
                        delay(100) // simulate io delay
                        Part(_nextPartId++, "xxx")
                    }.await()
                } finally {
                    <http://logger.info|logger.info>("executing in Main")
                    _pendingIOs.value--
                }
            }
        }
        emit(e)
    }

The idea being that I am updating a pendingIO state variable prior to executing any IO. The UI can then simply display a CircularProgressIndicator when said stateflow variable is > 0. Is this an acceptable way of doing things? Is there a better way? Is my flow code correct or could be simplified?

Is there any documentation for properly setting up JPMS with Compose for Desktop apps? My project runs fine with

run

task, but I get `NoClassDefFoundError`s when running with

runDistributable

that I believe are because of how jlink/jpackage is packaging it with some of my Java dependencies. I’ve never done anything with JPMS, so it would be nice to have a guide for getting that configured properly with the Gradle plugin,

module-info.java

, and anything else that’s needed

While receiving

TextFieldValue

input, is there a way to specify the type that is expected or is it always expected to be a

string

(

TextFieldValue.text

) For example could i have an arbitrary

KotlinType

that i could use for validation directly?

I was looking at Jetpack Compose Playground in the crossfade animation. Would somebody educate me if I'm wrong but, couldn't this concept be used in a fashion similar to Androids Fragment Containers? Or even a makeshift navigation? Hear me out you make your parent containers "fragments/fragment activities" and the main window contains a container composable "Activity". In your "Activity" you have a enumerated variable that is remembered containing your "fragments" or containers. Using this one would be able to trigger changing the state by changing the composable container in the variable, thus triggering a state change which refreshes the window. Could I be onto something here? Link is here Playground

is there a way to preview compose views with IDEA? I am not targeting android, so android studio seems like overkill to get a preview.

Hello! Is it possible to debug rendering from IDE? Now breakpoints are not triggered.

I was trying to compile gradle multimodule project with desctop-compose artifact in each module. If I compile only one module it is ok. But when I add another gradle module with dependency on first module I got an error:

androidx.compose.compiler.plugins.kotlin.IncompatibleComposeRuntimeVersionException: You are using an outdated version of Compose Runtime that is not compatible with the version of the Compose Compiler plugin you have installed. The compose compiler plugin you are using (version 1.0.0-alpha13) expects a minimum runtime version of 1.0.0-alpha13.

Hi! Noob question here 😅 I’m currently learning compose directly in desktop (maybe not the most clever idea…). I’m able to code simple UIs, but when it’s time to code “real” apps I’m struggling with suspend functions How should I bridge my suspended code and Compose? My code in the thread

i am new to compose.. is there any library or component for updating UI from a

Store<T>

or

Store<List<T>>

type? i have only used something similar in fritz2 but.. if i want to build a desktop UI,might as well check if i can do it "right" or in other words.. can i render a

StateFlow<T>

and have the UI rebuild as as the value changes ?

Hello! I've been looking into Compose recently; I've never used it before (and I'm relatively new to Kotlin in general), but I am wondering the scope to which it is intended to be used. I was going to use LWJGL for a project (and by extension, OpenGL); can Compose be used to create UIs for this? Or do you have to make your UI either entirely with Compose or not at all? If the latter, should I be using it, or is Compose meant more for UI-only applications? Thanks in advance.

During porting my entries for the ComposeDevChallenge i noticed a glitch in the Canvas drawArc function. It looks like i have to substract the offset of each axis from the size. Otherwise the arc is distorted.

Hello! I have kotlin multiplatform gradle project. When I applying compose plugin, its applyed for all targets. How can i filter some targets that should not be proceessed by compose compiler plugin?

I ported my submissions to the AndroidDevChallenge to CfD https://github.com/timo-drick/compose_desktop_dev_challenge

Compile Error: java.lang.IllegalStateException: 2. expected value parameter count to be higher IDE editor doesnt give any error , actual expect are defined with same number of paramenters , still following error and in error function doesnt show

placeholder

parameter. is this a compiler bug?

I am not able to build Distributable Packages..... Error: --module-path is not specified and this runtime image does not contain jmods directory. Usage: jlink <options> --module-path <modulepath> --add-modules <module>[,<module>...] Use --help for a list of possible options Commands Tried:

./gradlew :desktop:packageDeb

./gradlew :desktop:runDistributable

./gradlew :desktop:createDistributable

Running Locally using

./gradlew :desktop:run

works fine!

I am new to making contributions on github. I would love to be a part of compose desktop and to work towards making it better. That said where would be a good place to start? I would love to hear some suggestions.

I captured what is happening with the

OutlinedTextField

when it gets resized My original code (which I was having issue with):

OutlinedTextField(searchFilter.value,
                    onValueChange = { searchFilter.value = it },
                    trailingIcon = {
                        Icon(
                            Icons.Outlined.Search,
                            contentDescription = "filter",
                        )
                    },
                    modifier = Modifier.height(40.dp)
                )

It this a bug or the intended behavior? Is there anything I can do to change the behavior (I would like to use

40.dp

)?

when i have a

State<List<MyData>>

how would i use a layout compontn like Rowm Column or smth else to render each element in the list ? essentially, can i do a renderEach ?

This message was deleted.

how can I close a

Popup

on hitting Escape key? (as the following does not work):

Popup(alignment, IntOffset(0, verticalOffset), isFocusable = true) {
        Card(
            Modifier.border(5.dp, Color.LightGray).size(350.dp, 200.dp)
                .onPreviewKeyEvent { when (it.key) {
                    Key.Escape -> {
                        onDismissRequest()
                        true
                    }
                    else -> false
                }}
        ) {
            ...

onPreviewKeyEvent

is never executed

Also: on any component I have

Modifier.clickable { }

and/or

Modifier.pointerInput(Unit) {
    detectTapGestures(
        onPress = {/* Called when the gesture starts */ },
        onDoubleTap = { /* Called on Double Tap */ },
        onLongPress = { /* Called on Long Press */ },
        onTap = { /* Called on Tap */ }
    )
}

how could I detect a Mouse right button click ??

I try using

vectorXmlResource

but it fails with a NPE, form

openResourceStream

. I guess my problem comes from my Gradle configuration not packaging my assets in the final Jar file but I don't know how to fix that. Any clue?

desktop-app/src/main/kotlin

for the source code,

desktop-app/src/main/resources

for the assets. I put an

icons/

dir within

resources/

which contains my Android Vector drawables and then I use

vectorXmlResource("icons/ic_settings.xml")

.

how to enable window transparency?

Tip: I am not sure it is the best way to accomplish this, but using unweighted and weighted items in a

Row

lets you define which one occupies all the space available.. For example, I wanted to display some text, and on the right side (=end) of the row, I want an icon, and I was able to achieve it like this:

@Composable
fun TestLayout() {
    val border = Modifier.border(1.dp, color = Color.Red)
    Row(modifier = Modifier.fillMaxWidth().padding(10.dp)) {
        Text("Text", modifier = border.weight(1f)) // weighted
        Icon(Icons.Outlined.Refresh, contentDescription = "refresh", modifier = border) // unweighted
    }
}

I have the following code:

class Model {
    var value1 by mutableStateOf(0)
        private set

    var value2 = 0
        private set

    fun onClick1() { value1++ }
    fun onClick2() { value2++ }
}

val model = Model()

@Composable
fun TestModel() {
    val m = Modifier.padding(10.dp)
    Column {
        Row { Text(model.value1.toString(), modifier = m); Button(onClick = {model.onClick1()}) { Text("Val1++")} }
        Row { Text(model.value2.toString(), modifier = m); Button(onClick = {model.onClick2()}) { Text("Val2++")} }
    }
}

which produces the result in the attached screenshot. I have a few questions: 1) Is it valid to have the state in an external object (like) Model (as opposed to have it directly inside the composable function)? Are there caveats? 2) I don't understand how Compose recognizes that value1 has changed since its underlying representation is a

State

but it is exposed as a simple value. How does compose know this? How is value2 different from value1 from a user point of view (IntelliJ tells me that value1 is

public final var value1: Int

when using Ctrl-Q)? 3) if I understand correctly (some of) the magic of compose comes from the compiler. Is there a way to "see" this magic in action? Like a flag? (something like compiling

.cpp

to

.s

to "see" the assembly code)