I know we can’t measure a layout twice. But I want to know whether “a given composable would be measured larger if the constraints given to it were also larger” What would be the best way? I don’t think I can use intrinsic measures if the layout includes a Lazy* or SubcomposeLayout

Hello, regarding this question on stackoverflow, Chuck Jazdzewski gave quite a detailed answer, but I'm trying to understand the real purpose of manually annotating a function or a property with the

@Stable

annotation since it seems that it doesn't affect skipping. Is it just useful for documentation purposes, or is it used by the compiler in some way?

Hi, is there any way we can change statusBarColor and navigationBarColor in compose multiplatform for android and iOS both? As in jetpack compose we can use accompanist-systemuicontroller, Can we do something similar in anyway in compose multiplatform?

Hello, is there a way to transform a string to a resource for example "Icons.Rounded.Settings".toImageVector() would returns Icons.Rounded.Settings?

Hi everyone, is this the right place to ask regarding compose multiplatform?

I have a

SnapshotStateMap

state variable and a regular

Map

that is generated from the state map, then provided to a Composable as follows:

val stateMap: SnapShotStateMap<...> = remember { mutableStateMapOf() }
val anotherMap: Map<...> = stateMap.map { ... }

...

DisplayMapComposable(
    map = anotherMap, 
    changeStateMap = { // Change stateMap in some way }
)

When

changeMap

is called inside the

DisplayMapComposable

and modifies

stateMap

, will it trigger a recomposition of the

DisplayMapComposable

itself?

Is there any way to detect if a certain modifier has been used in a chain? For example, if

aspectRatio

was already used, I don't want to use it again

I was tired of adding svgs to my projects and I wanted nice icons so I converted most of the Material Symbols (2993 icons) to composable functions. Made a site so that you can copy-paste any in your projects: https://www.composables.com/icons

Is there any way to animate

Offset

in a similar way to

keyframes

, but with smooth curvy lines between points instead of straight lines?

In the bottomsheet dialog I have clickable elements. In the first second of opening, clicking on them has no effect, despite the fact that the ripple is displayed, it turns out that the click went through, but did not work. This problem may disappear after the first press, or it may persist for 2-3 seconds. What could theoretically be the problem? Here is something similar https://issuetracker.google.com/issues/249770840 What temporary crutch can you come up with to fix the problem?

Did anyone create a "companion" Compose components library app for their Android app (like the Showkase library does), but either as a desktop app, or maybe even a web app? Taking advantage of Compose multiplatform to have a component library that does not require an Android device to run. I'm looking for any pointers / blogs / libraries to look into doing something like this.

I would like to know whether or not a composable is actively being focused for TalkBack announcement.

Are there third-party libs or solutions to capture a composable widget (compose multiplatform - not jetpack compose)? For Jetpack Compose I know the excellent lib named ScreenShotBox (smarttoolfactory). But I don't know how to do it in compose multiplatform by Jetbrain.

Hi All. We have a problem we need to solve in our app and I was wondering if any of you had already come across a decent fix. Example: We have a lazyRow ( we are not locked in with LazyRow if we need to change ) with 10 cards in it. the contents of the cards can vary which changes the cards height, but, the design dictates that all cards must be the same height. so we need to expand all the cards height out to the tallest card. but the tallest card maybe the last card in the list so wont have been rendered until its needed. Any ideas?

I have issues with Accompanist animation transition between screens. Here are my routes and red arrow is where the error occurs. Some animations are forward and some popBackStack, you can figure it out from route names. Anyone have any idea why my 2nd -> 3rd route works when I pop-out, and my 6th and 7th route pop-out doesn't animate?

I am doing the custom animations for enter/exit an item in Composable. For enter animation I am running the anim from

onPlaced

lambda. That way every time my view appears on the screen it animates nicely. Now, I need to make exit animation, but I believe there is no modifier that I could use for it, right? The only think that comes to my mind is DisposableEffect that will run when child view exit the composition.

Help! I don’t know if it’s a compose thing or a kotlin thing or whatever - but my composable preview is performing a hell of a round-error (Code in thread)

Why doesn't

drawRect

generate the same gradient effect as

Box.background(gradient)

? I'm trying to replicate the bottom fading effect at the top as well. However, at the top, the white color persists across the whole gradient. The code is in the 🧵

I’m having trouble with this approach: https://foso.github.io/Jetpack-Compose-Playground/platform/composeview/. Everything works fine except dark mode changes are not applied. I suspect it is a bug related to swallowing all config changes. Does any1 have any idea about this ? If i remove the flag in manifest, it works

Trying to display a family tree. How do I show lines connecting people?

@Composable
fun FamilyTree(root: Person) {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        PersonCard(root)
        Row {
            root.children.forEach { child ->
                FamilyTree(child)
            }
        }
    }
}

is

painterResource

supposed to cause a recomposition when loading a PNG file ? 🤔 (Android)

If i have a list of data and im programatically creating compose based on the size of that data, how can compose automatically fit those composables on the screen? example:

@Composable
fun MainScreen() {
  val data: List<Viewer> ...list of viewers
  Row() {
    data.forEach {
      // this seems to not resize itself if there are two or more of this widget
      // how can I make sure that n number of ViewerCameraWidget gets resized correctly
      // to fit on screen?
      ViewerCameraWidget() //uses android view
     }
  }
}

@Composable
fun MyComposable() {
    // Store the value of count using remember
    var count by remember { mutableStateOf(0) }
    // Compute the derived state based on count
    val doubledCount by
        derivedStateOf {
            println("MainActivity:MyComposable:derivedStateOf")
            count * 2
        }
    Column {
        // Update the count when a button is clicked
        Button(onClick = { count++ }) {
            Text("Increment Count: $count")
        }
        // Display the derived state
        Text("Doubled Count: $doubledCount")
    }
}

Even though

derivedStateOf

’s body called twice (because we don’t have

remember

around it), the value is correct. • Why (or how?) is this happening? • Why there’s no infinite recomposition? 👀

With `Layout`s in Compose, is there anything intrinsically wrong with a measure policy simply neglecting to measure and place one of the items of content it is passed? (Besides the fact that all of the passed measurables will have been composed already only for layout and drawing to be skipped on one). The docs don’t really say anything either way, it’s a neat solution (in this case using the multi-content overload of

Layout

to select between one of two different input composables. I assume the only caveat is the slight performance cost of composing something that won’t get used. I also assume that the semantics tree is only constructed after layout since it relies on the relative position of nodes.

What's the best or recommended way to talk between two viewmodels used in single composable function, any guidance link would be of great value

How can I draw a box with a message shape like this ? It can have any content inside, width is always the same but height can change.

Is there any way I can remove click animation for Radio buttons / Checkboxes? Similar to this where indication is `null`:

modifier = Modifier.clickable(
    interactionSource = remember { MutableInteractionSource() },
    indication = null,
    onClick = { }
)

So i went through this video for using Compose Multiplatform for Android / IOS UI, specifically how to use the

Image()

to render an image. However, when i try the same with a .png image Android studio cannot seem to locate the file. I am importing the asset through resource manager but i think the asset ends up in the androidApp folder instead of commonMain. So i made a

Resources

folder inside commonMain manually but it still cannot find the image. Does anyone know the right way to import assets that can be used inside the commonMain folder?

If i have to use a state inside a lambda , do i always need to wrap it inside rememberUpdatedState? Seems like too much but it dosen’t work properly without it and it is a hit and miss. Am i missing something? Ex:-

val image = rememberUpdatedState(mcqData.imageUrl)
GlideImage(imageModel = { image.value })

Or

val screenModeUpdated by rememberUpdatedState(screenMode)
LaunchedEffect(key1) {
    if (screenModeUpdated == ScreenMode.SELECTION_MODEL)
        viewModel.initMcqs(
}

Hi there! Is there any way to know the progress of a ModalBottomSheet on Android? My idea is to animate the corner radius while the modalbottomsheet is appearing from bottom to the top of the screen. So, for doing that, I should know any frequently value (each frame for example) that tells me where is positioned the modal over the screen to calculate the percent of the radius to be applied. I've checked the SheetState and other modifier functions but seems that any of this options fits well.