Any alternative for IconButton for compose-desktop? The shadow and ripple are too big. And can't make it smaller ;(

Is there a compose multiplatform channel? Where I can ask that type of questions? The question is how to handle mouse/finger moves for canvas? I'm rendering a map with canvas and want to handle drag, zoom etc actions. In the kotlin common code. I found detectTransformGestures but seems it's not working for desktop scroll I found other map libraries, but there is not enough features. And they have complex pointer handling. I feel there should be one builtin way for it (like detectTransformGestures).

Hi! I've got an element that acts as a "sandbox" node graph editor where you can drag different nodes around. It can also be panned/scaled/zoomed/etc. Every node inside the sandbox is offset/translated in it's own graphics layer to the right position. However, when the user pans too far in the "sandbox" (past the width of the element), all of the content disappears because it thinks that the sandbox is no longer being rendered, even though some child nodes may have sandbox positions outside of the original box bounds. Any idea what I could do to fix this?

Quick Poll: Do you use IntelliJ (not Android Studio) for developing Desktop Compose applications?

Is there a way to ensure arrangement of drawing on the canvas but for drawing them in the correct order? I want to use a background which is always "behind".

If I use intellij to create a compose gradle module, it instead creates an entire sub project within the project, with it’s own separate

gradlew

etc. I created it with the wrong name, and when I folder name for the module, I was getting an error, not because the module / project was referenced from

settings.gradle.kts

but rather because the file was referenced inside of

.idea/workspace.xml

Is this all something steering me towards a best practice that I’m unaware of?

Question regarding the DropdownMenu. Is it possible to implement an Autoscroll-Functionality, whenever the selected index is not visible? If so, how would I do this?

What navigation library / strategy are people using? I normally use decompose, but for small apps, I find that its setup / ceremony is a little much. Does anyone have any recommendations for something a bit simpler?

Hey, I'm emitting some values via state flow, and one of the windows in my multi-window app collects that state in order to show information. Whenever a new value is emitted, the window containing the composable that collects the flow takes focus. I didn't configure this behavior, and I'm struggling to find how to prevent it. When I search Google I just get a lot of results about Jetpack Compose and text fields taking focus. To be clear, I need the window to be up to date, as it will still be visible beside the focused window, I just don't want focus to change when something is emitted/collected via state flow. How can I achieve this?

The new

LookaheadLayout

and

movableContentOf

are available in

1.2.0-alpha01-dev750

. They both are accessible from

commonMain

targeting Desktop and Android. It compiles just fine for Desktop, but the compilation fails for Android with:

Unresolved reference: LookaheadLayout
Unresolved reference: movableContentOf

Is it not possible to use that yet? Why is it resolved in the IDE?

Why is this happening? I set up the project using intellij and can't even start doing anything 😔

Hi there Quick question: How would you programatically go to the next radio button for example when Tab is pressed? It’s a row, which can hold n radio buttons. Can I access the children of a row within a

onPreviewKeyEvent

or so?

Hi there

Quick question: I want to build an app running on desktop (mac, win, linux). The issue I met is the package I ran build on mac cannot run on windows well (some class def not found)

and also, the package built with windows cannot run well on mac

Has anyone had issues with compose being extremely slow on some users? Its a relatively simple app

I know things have been delayed, but do we have any ETA for when we’re going to see any form of alpha release for iOS and Web?

is 1.2 compose-jb release on the horizon?

Has anyone here got Proguard or R8 working successfully? I got it to shrink my app and run it after using this: https://github.com/JetBrains/compose-jb/issues/1174#issuecomment-1075155835 But it doesn't seem to respect the proguard-rules. Like all my

@Serializable

annotations have been removed despite adding the required rules for

kotlinx.Serialization

and I get a runtime crash when I initiate a network call.

SLF4J

also gets removed.

@Arkadii Ivanov In Decompose, why can't configurations on the stack be duplicated?

Is there any way to query for screen dimensions? Let’s say I want the

windowState.size.width

to be 1/3 of screen width, how can I achieve this? Didn’t found any samples/docs, but one approach is to use

Dp.Unspecified

for it’s width, and make the children use

width.fillMaxWidth

, create a

LaunchedEffect

and change the value like

windowState.size.width = windowState.size.width/3

. But this feels hacky 😅 and obviously it will be visually noticed. So, do I have another way to do it (hope so 🙏 )?

Hi guys, I’m trying to make the executable (*.exe) contained in the MSI installer already have admin privileges. The latter works perfectly through gradle when the “CreateDistributable” task is executed, but I realize that this image is not the one used by the “PackageMsi” task. Instead the “PackageMsi” task generates an image in a path like : C:\foo\Temp\jdk.jpackage123456... How can I get that path through gradle? to see the whole process you must set verbose=true of the task “AbstractJPackageTask”

💪 Brave people with

IDEA 2022.*

can try this home-built plugin that brings Android Studio features around Compose to IntelliJ in non-Android projects. CfD and CfW are supported. Colored composable functions, compose-specific inspections, support in some refactorings, some helpers in debugger, etc. You might need to configure colors for Composable functions in

Preferences | Editor | Color Scheme | Compose

. Install by drag’n’drop into IDEA, or use Plugins feature to install from disk. Feedback is welcome in :thread-please: thread.

@Igor Demin - should https://github.com/JetBrains/androidx/blob/jb-main/compose/ui/ui/src/desktopMain/kotlin/androidx/compose/ui/awt/ComposePanel.desktop.kt#L187 also set

layer

to

null

? Once this method is done, the existing

layer

is marked as disposed, and it’s pretty much unusable from that point on. I do have a rather elaborate scenario where I’m running into

SkiaLayer.needRedraw

crashing - see the full stack trace in thread

I am noticing quite a bit of mouse input lag in compose desktop projects for windows. I notice it in my personal projects and even in the JetBrains toolbox. I am using Windows 10. Has anyone else experienced this?

Actually looks like this is the issue https://github.com/JetBrains/compose-jb/issues/1648.

For those with the same problem, I’ve found a solution that works like a charm. Just add this modifier the component that you want it to consume the clicks:

Modifier.mouseClickable{}

Also, it’s need to transfer the focus to the one of modal items. You can do this by the

focusRequester

and then call

focusRequester.requestFocus

on it. By this way you can open new custom modal and transfer focus from main window to it. Thats it!

I have an object wrapped in

mutableStateOf

and inside the object I have string property. Im trying to use that string property for

TextField

but when I type in it, it doesn't change the text value in UI. Whats the proper way of doing this? Thanks In parent class I have

var config by mutableStateOf(SomeConfig(""))

and then I call it like this

TextField(config.token, onValueChange = {
            config.token = it
        })

How can i center AlertDialog in my application window? Currently I use custom dialog provider, to set the dialog to my desired look and fill.

object CustomDialogProvider : AlertDialogProvider {
    @OptIn(ExperimentalComposeUiApi::class)
    @Composable
    override fun AlertDialog(
        onDismissRequest: () -> Unit,
        content: @Composable () -> Unit,
    ) {
        val painter = rememberVectorPainter(image = <http://Icons.Default.Engineering|Icons.Default.Engineering>)
        Dialog(
            title = "My Awesome Title",
            icon = painter,
            onCloseRequest = onDismissRequest,
            state = rememberDialogState(position = WindowPosition.Aligned(Alignment.Center), size = DpSize(400.dp, 200.dp)),
            undecorated = false,
            resizable = false,
            onKeyEvent = {
                if (it.key == Key.Escape) {
                    onDismissRequest()
                    true
                } else {
                    false
                }
            },
        ) {
            WindowDraggableArea {
                content()
            }
        }
    }
}

But the dialog shows centered in the Screen, and in multi-monitor, it's not even on the correct monitor. So, my app, runs on Monitor 1, and the dialog shows Centered on Monitor 0. And i want it Centered on Monitor 1, and not the entire screen, centered in application window.