I don't know where to ask this, but. How is android studio able to preview composables directly in the application? does it use compose 4 desktop? If not, what does it use?

Is there any way we can add ✅ Launch <Program> checkbox to windows installer? (to launch the program after pressing "Finish")

I am getting the below error very regularly when I build in IntelliJ with Kotlin 1.4.31 and Compose for desktop 0.4.0-build171. The only way I have found to fix it is to do a gradle clean and build. Is there a way I can get it to go away permanently? It seems to happen only when I edit my composable functions.

so there is jetpack compose for mobile, compose desktop for desktop, what about compose web? is this in the pipeline?

hello, what would be the best way to keep a list of global states that get updated constantly by background thread? currently just adding a bunch of

mutableStateOf

on the main class at the top of my app

Observation of today: Don't

launch

a new Coroutine in an

@Composeable

function to load resources in Background without using

LaunchedEffect

, it will be a death loop 🤦

I have a TabRow like so:

Column(modifier) {
        TabRow(selectedTabIndex = activeTab()) {
            Tab(selected = activeTab() == 0, onClick = { activeTab(0) }, enabled = true) {
                Text("Tab 1", Modifier.padding(3.dp), textAlign = TextAlign.Center)
            }
            Tab(selected = activeTab() == 1, onClick = { activeTab(1) }, enabled = true) {
                Text("Search: Result", Modifier.padding(3.dp), textAlign = TextAlign.Center)
            }
            Tab(selected = activeTab() == 2, onClick = { activeTab(2) }, enabled = true) {
                Text("Tab 3", Modifier.padding(3.dp), textAlign = TextAlign.Center)
            }
        }

no matter what I try, I don't get the Tab Texts vertically centered. Isn't TabRow missing a "verticalAligment" parameter???

Do we have some kind of Performance Profile like Android for Compose for Desktop?

I am having issue with naming in general. It seems that from what I can read, functions are named XXX and "models" are named XXXViewModel which for me seems very non intuitive. Especially since function start with a capital letter. For example if I have a Song "concept", then when I see Song in my code, it looks like it should be the object "song" not the function that renders a SongViewModel... Maybe it's just me and I know that I can do whatever I want in my code but was wondering if others felt that way and what other conventions they have been using...

I am trying to emulate a table (since it looks there is none) and I have the following code:

Column {
        parts.value.forEach { part ->
            Row(modifier = Modifier.fillMaxWidth().background(color = Color.LightGray)) {
                Text(part.name, modifier = Modifier.fillMaxWidth(0.33333F).background(color = Color.Red))
                Text(part.description ?: "N/A", modifier = Modifier.fillMaxWidth(0.33333F).background(color = Color.Green))
                Text(part.price.toString(), modifier = Modifier.fillMaxWidth(0.33333F).background(color = Color.Blue))
            }
        }
    }

It renders this way so I guess I don't understand the fraction parameter...

Let's say I have a Database with User and it is encapsulated in a UserMgr layer (ex:

UserMgr.getUsers(userFilter) -> List<User>, UserMgr.removeUser(userID)

). I want to display this list of users and offer the ability to remove any item from the list (with the click of a button). I am not entirely sure how to handle this use case with compose-desktop. If I use

val userFilter = xxx
val users = remember { userMgr.getUsers(userFilter) }

// ...
// for each user
val id = ...
Button(onClick = { userMgr.delete(id) } // ...
// ...

Then of course it does not get recomposed because there is no way for the framework to know that the list has changed... I apologize if this question has been asked before. Can somebody point me to the recommended way to handle a compose-dekstop application backed by a database with essentially screens that implement CRUD access to it?

I encountered an very very strange bug were Compose or maybe the Kotlin Compiler ignores if conditions 😬 This happend the second time now and the first time I thought it's just a visual bug but in the second case it's definitly a problem. Has enyone encountered something simular? I'll post a video of the debugger flow in the Thread 🧵

Hi folks, is possible to adjust the Window size to the space that my components take on the screen? I want to achieve something like this (prints in the thread)

All of this looks so good, but I already built my app with TornadoFX. I wonder if there is a migration path or some learnings to read from someone who did it?

How can I move focus to next focusable composable when pressing

Tab

from a

TextField

? Do we have any built-in support? (other than manually moving the focus using a state). I am looking for something like tabIndex

Anyone notice that a translate animation(by default, from the start of screen to the end) is added for FAB in

1.0.0-beta02

? I don’t think that’s a good idea… the animation looks so wired on initializing UI and no API to disable it https://android-review.googlesource.com/c/platform/frameworks/support/+/1580345

Following up on my threading issue, here it is in action:

How do I tell the compose-desktop plugin to use a password for the macOS keychain?

Hi, I was wondering if there is a Compose component like

Image

that can handle loading from network? Something that a library like Coil, Glide or Picasso provide. Eg. Coil: https://github.com/google/accompanist/tree/main/coil I am creating a Multiplatform Kotlin app(Android & Desktop, iOS in the works) and I wan’t to share the Compose UI code as a module that is imported in the Android and Desktop module. Everything else works fine but I would love to be able to load images in a platform independent way.

🧵 Thread : MenuBar Style (UI) - Linux

I experience an error while running an intellij plugin built with compose in Android Studio 4.1.2 🧵

Hey guys, Is there a parameter to vertically align input text in TextField? In Widgets Gallery example, such text is higher than expected, as seen here:

checkout my docker client peeps, no animations yet just trying to get the docker stuff working

Is there system tray support in Compose Desktop?

I am (unsuccessfully) searching for how to e.g. open a popup, if the user inside a textfield presses a keyboard shortcut like ctrl+space. Has anybody a codesnippet on how to "do" something if the user presses some kind of shortcut key combination while inside a Component? thanx (also am totally clueless on how I could open the popup below the current cursor position)

I’m trying to get rid of MaterialTheme, but as soon as I remove it, I get this:

Exception in thread "AWT-EventQueue-0" java.lang.IllegalArgumentException: LayoutNode@108e4651 children: 1 measurePolicy: androidx.compose.foundation.Scrollbar_desktopKt$verticalMeasurePolicy$1@7d30d0b0 is not ready. layoutState is NeedsRemeasure

Build 0.4.0-build173 Any ideas?

I am having a really hard time wrapping my head around the state/flow concepts to build my own compose-desktop app. I am currently looking at the Jetcaster jetpack compose app as an example that uses a database (from https://github.com/android/compose-samples). So this is the part that I really don't understand:

// from DiscoverViewModel
    init {
        viewModelScope.launch {
            // Combines the latest value from each of the flows, allowing us to generate a
            // view state instance which only contains the latest values.
            combine(
                categoryStore.categoriesSortedByPodcastCount() //. simplified cause not important
                _selectedCategory
            ) { categories, selectedCategory ->
                DiscoverViewState(
                    categories = categories,
                    selectedCategory = selectedCategory
                )
            }.collect { _state.value = it }
        }
    }

// then in CategoryStore
    /**
     * Returns a flow containing a list of categories which is sorted by the number
     * of podcasts in each category.
     */
    fun categoriesSortedByPodcastCount(
        limit: Int = Integer.MAX_VALUE
    ): Flow<List<Category>> {
        return categoriesDao.categoriesSortedByPodcastCount(limit)
    }

    /**
     * Adds the category to the database if it doesn't already exist.
     *
     * @return the id of the newly inserted/existing category
     */
    suspend fun addCategory(category: Category): Long {
        return when (val local = categoriesDao.getCategoryWithName(category.name)) {
            null -> categoriesDao.insert(category)
            else -> local.id
        }
    }

when addCategory is called, how does the DiscoverViewModel state gets updated exactly? Clearly after adding a category to the database, the list of categories is different. I just don't see from this code how that gets propagated. Is there something missing? Am I missing something?

are there any examples on how to setup textboxes so the will work with copy and paste (ctrl-c & ctrl-v) ?

Why is it a Box/Card drawn over the boundaries of "its" component is opaque whilst on its component, but transparent over neighbour components??