[UPDATED WITH SOME CODE] What happens when I exit and restart my app that means my function to update my Boolean in my room database finally works? I am trying to work out what I am missing that happens at onCreate time but does not happen otherwise. I use this code in a onClick function... 🧵

I have a custom layout where I have something like

MyLayout(slot = { visible -> AnimatedVisibility(visible) { ... } })

and the logic is such that I want that

visible

to be calculated based on available height and slot size: I measure my "slot" then if it fits, I pass visibility =

true

, otherwise

false

. I wanted to use

SubcomposeLayout

for this but turns out that to calculate

visible

I need to

subcompose/measure

that slot and to

subcompose/measure

it I need to calculate

visible

🐔 🥚 Is this possible? Inner State + recompose?

During UI tests, is there a way to make assertions about the background color of a node? Quick Google search tends to point towards the negative but maybe someone in here has found a solution?

After upgrading to the latest compose release (1.2.0-alpha06) the keyboard shows up everytime the app is put back into the foreground if youve "manually" brought it up previously. Just wanting to check if anyone else is able to recreate this before I post a bug report about it?

I don’ understand how can use navController and change scree/pager. I have 3 screen @Ian Lake can you help me. I need to change page and page is decide by viewModel ``````

Is there a way to control the “offset” of a

LazyRow

? The idea would be to manually controle the

LazyRow

position to sync the scroll when dragging a pager

Does anyone know how to successfully suppress compose compiler warning for Kotlin version? I’m trying to run a project with KT 1.6.20, compose 1.1.1. I’ve added compiler options:

kotlinOptions {
    freeCompilerArgs = listOf("-P", "plugin:androidx.compose.compiler.plugins.kotlin:suppressKotlinVersionCompatibilityCheck=true")
  }

But then I get this error

java.lang.NoSuchMethodError: 'org.jetbrains.kotlin.ir.expressions.impl.IrSetFieldImpl org.jetbrains.kotlin.ir.builders.ExpressionHelpersKt.irSetField(org.jetbrains.kotlin.ir.builders.IrBuilderWithScope, org.jetbrains.kotlin.ir.expressions.IrExpression, org.jetbrains.kotlin.ir.declarations.IrField, org.jetbrains.kotlin.ir.expressions.IrExpression)'

From Kotlin compiler

Hey folks! I would use second pair of eyes 👀. I am working on a “rich text view” which would allow me to render additional content (images, for simplicity) along standard text. I use Compose’s

Text

with annotated string and embed images using

inlineContent

. What I am unable to do is to correctly align embedded content on text’s base line. Details in 🧵

Hi, is there a way to pause/resume Compose animations? Something similar to

Animator.pause()

/`Animator.resume()` , which would work with all animation types (animate*asState/Animatable/updateTransition)? In the API reference I haven’t found anything related. For example I would like to pause/resume long-running animation on button click and also pause animation if activity is paused. One idea that I had is to have custom

AnimationSpec

and override

vectorize

fun which would return

VectorizedAnimationSpec

which would handle pause, but that does not sound like the best way to do it.

Anyone knows how I can arrange the two inner BottomNav Items so that they are not so close to the “+” FAB? I tried surrounding the forEach which displays the Items with a Row and use the Arrangement modifier like so:

Row(horizontalArrangement = Arrangement.SpaceBetween) { //Not working :(
items.forEach { item ->
    BottomNavigationItem(
        icon = { Icon(painterResource(id = item.icon), contentDescription = item.title) },
        label = { Text(text = item.title) },
        selectedContentColor = Color.White,
        unselectedContentColor = Color.White.copy(0.4f),
        alwaysShowLabel = true,
        selected = currentRoute == item.route,
        onClick = {
            navController.navigate(item.route) { 
                navController.graph.startDestinationRoute?.let { route ->
                    popUpTo(route) {
                        saveState = true
                    }
                } 
                launchSingleTop = true 
                restoreState = true
            }
        }
    )
}

}

In my compose app in prod I started seeing this stacktrace and it only occurs on a single device. Anyone have anything similar happen to them?

Fatal Exception: java.lang.IllegalArgumentException end cannot negative. [end: -1]
androidx.compose.ui.text.TextRangeKt.packWithCheck (TextRange.kt:124)
androidx.compose.ui.text.TextRangeKt.TextRange (TextRange.kt:37)
androidx.compose.ui.text.input.EditingBuffer.delete$ui_text_release (EditingBuffer.kt:205)
androidx.compose.ui.text.input.DeleteSurroundingTextCommand.applyTo (EditCommand.kt:271)
androidx.compose.ui.text.input.EditProcessor.apply (EditProcessor.kt:110)

Does anyone here with the UI test experience knows how can I test if a button is enable or disabled? I tried settings the

Modifier.
.clickable(enable = true) 
.focusable(enable = true)

And using the method

fun SemanticsNodeInteraction.assertIsNotEnabled(): SemanticsNodeInteraction = assert(isNotEnabled())

but my

SemanticsConfiguration

doesn't seems to contain the

SemanticsProperties.Disabled

key. Any thoughts in how to include this key to my

SemanticsConfiguration

?

I’m following directions on https://developer.android.com/reference/kotlin/androidx/core/splashscreen/SplashScreen to implement splash screen on Android <12. My app UI is otherwise built entirely in Compose. Is

postSplashScreenTheme

still important in this case? I don’t have a theme to reference here.

@enighma What do you need? Dithering should be automatically applied where necessary

Is there a way for a composable ‘touch area’ to extend outside of the layout area? A hacky way maybe?

is there a way to achieve rounded corners in the opposite direction?

This message was deleted.

How can

backgroundTint

be translated to compose buttons?

Hi people! I was thinking let’s rehash the compose navigation + parcelable discussions. What does the future look like? Will the be a, decent, official solution for this? I get that someone is advocating single source of truth etc, but IMO there are mitigating circumstances when migrating code and also when doing larger reusable components. Gradle modules also cause friction with the single-source-of-truth idea. I just don’t get why compose needs to be overly opinionated about routes and NOT parcelables? (Excuse me if this has been recently discussed; I found two threads, 1 from august last year and 1 from october 2020) To put it plainly, I want to just serialise my parcelables, base64 encode them, and pass them through. At least until a viable official alternative is in place.

Does Compose have a method to compute contrast between 2 colors? Something similar to

ColorUtils.calculateContrast()

but I was looking for something not tied to the Android SDK.

How can I convert an sRGB color to YUV? There is no YUV in

ColorSpaces

.

"ASking for measurement result of unmeasured layout modifier" Does anyone know how to solve this error?

I'm doing the tutoríal of codelabs: Codelabs tuto. In the tests I have seen that the scroll only scrolls until "lazy Columns" and can't reach extra column. What am I doing wrong?

Column() {
        Surface(
            color = MaterialTheme.colors.primary
        ) {
            Text(
                "Users:",
                Modifier.fillMaxWidth(),
                style = MaterialTheme.typography.h5.copy(fontWeight = FontWeight.ExtraBold),
                textAlign = TextAlign.Center
            )
        }

        Divider()

        LazyColumn( // List names
            modifier = Modifier.padding(vertical = 4.dp)
        ) {
            items(names) { name ->
                NamePickerItem(name)
            }
        }

        NamePickerName(name = "LuisEnrique2") // Extra item for compare
}

is there some kind of

immutableStateOf(value)

? Usecase:

val state = when (orientation) {
  Orientation.Landscape -> animateDpAsState(32.dp)
  Orientation.Portrait -> immutableStateOf(16.dp)
}

I could use

mutableStateOf(16.dp)

of course, just thought maybe something more lightweight exists.

Hello, how can I find the coordinate of a component inside root in pixels? I tried below but it is not working

.onGloballyPositioned {
                    val rect = it.boundsInRoot()
                    onTitleEdgeMeasured(rect.top.roundToInt())
                }

I think this has been asked before here: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1633949519417700, but I wanted to ask to see if there were any new discoveries. How is it possible to determine the max height needed for the items in a LazyRow so that you can set that as the height of each item so that the vertical height of the LazyRow doesn't change as you scroll?

LazyLists + Dpad Out of the box it doesn’t scroll in new items. Is this something that I have to build my self, or easily enabled with modifiers?

Is there a proper way to observe a SharedFlow in a Composable function, for StateFlow we'd use

collectAsState

but if I do that for a SharedFlow, it will remember the last value, instead of firing and forget