Any idea why my buttons are so huge, I expected them to match the icon size kinda, but they seem to be taking as much room as possible

I'm trying to drag a shape on a

Canvas

. I use

Modifier.draggable

, but the handler does not have access to the Canvas's width, to constrain the drag. How can I pass the Canvas's width to the drag handler? Example in thread...

I'm using

ModalBottomSheetLayout

with

BottomSheetScaffold

. I have a

TextField

in the sheetContent of

BottomSheetScaffold

but I'm getting a crash when the

TextField

goes out of focus or I hide the keyboard. Is this a bug or am I not supposed to use

ModalBottomSheet

and

BottomSheetScaffold

together?

While we're on the subject of

ModalBottomSheetLayout

... I have one setup to show a simple

Text

composable in the bottom sheet. But if I try to pass in the text to show, it doesn't work. The bottom sheet doesn't even show up. But if I "hard code" the text, it works fine. Code posted in the thread ...

I am trying to combine multiple flows in a viewmodel, including a snapshotFlow. This seems to work fine when i reference the state value in a composable, however when writing unit tests for the viewmodel, the combine does not seem to be triggered by changes to the state value. Is this because the state does not currently have an active observer in my unit test?

combine(snapshotFlow { myMutableStateMap.toMap() }, stateFlowA, stateFlowB)

Can I access the laid out width or the constraints from within a modifier?

This message was deleted.

Navigation: I forgot to declare the default value of an optional parameter and when I tried to navigate (without providing the parameter) the app got stuck. When I tried to perform another action it crashed with a stacktrace that does not point to the app code and does not help find the issue (I attach it in the thread).  • It would be helpful if the app crashes right away and with a descriptive message 🙂 • Also, it would be nice if how to provide optional parameters or how to skip them was explained here.

Is there something particular about

Image

and

Modifier.shadow

? I'm applying a shadow to an image, but no shadow is drawn.

Anyone know how to select all the text in a text field, when it gets focus? I've tried using

TextFieldValue.selection

and changing it in

Modifier.onFocusChanged

but no luck so far.

I’m passing in a NavController to a Column inside a LazyColumn and using the Columns onClick to navigate. (i.e. navigation from a list item.) I’ve logged & debugged inside the receiving composable and the navigation works, but the screen does not update. The old screen stays visible and all the list items still look clickable. Can’t see anything in the logs. How do I go out debugging this?

Noticing some weird issues as I’m trying to upgrade my library to beta-01. Think that some mutable state values are only being propagated once I minimize the app and open it again. Anyone notice something of this flavor or an existing bug that might’ve been discussed already?

any idea, why getting a context is giving an error here:

Hi, can someone tell me what are the replacements for these functions?

@Composable
fun ProgressStep(modifier:Modifier,max: Int, current: Int) {
    Layout(modifier = modifier,
        content = {
            for (i in 1..max)
                StepCircle(step = i, color = if (i <= current) purple else Color.Gray)

        }) { measurables, constraints ->

        val startPoint = (constraints.maxWidth/max)/2


        val placeables = measurables.map { measurable ->
            measurable.measure(constraints.copy(minWidth = 0))
        }
        layout(constraints.maxWidth, constraints.minWidth) {
            var xPosition = startPoint
            placeables.forEachIndexed { index, placeable ->
                placeable.place(x = xPosition-11, y = constraints.maxHeight / 2)
                xPosition += (startPoint * 2)
            }
        }
    }
}

i noticed the mesurements here are accepted in Integer so the gap after the last item in less compared to others. how am i supposed to gap equally here?

Also has anyone built a ProgressSteps View in Compose?

Hey, I was working on implementing a wrappable Text compose function that doesn’t overlap any other view in the same row and instead takes all the available space and becomes a multiline text view. The problem is that even if it was wrapContent, it took all the available space while measuring (typical behaviour). I needed the width of multiline text to be the same as the X coordinate of the last letter in the longest row to match my design’s paddings. I had to create a custom

Layout

and measure it in multiple layout passes as you can’t call

measurables.measure()

multiple times in the same

layout

section. Do you guys plan on opening MultiMeasureLayout API that’s internally used in ConstraintLayout so I don’t have to do multiple layout passes and just remeasure my view in one layout pass? Or is there any better solution to my problem you know about?

How comes AlertDialogs don't show in previews? Should I be using straight Dialog? Or would that have the same issue?

Is it possible to know the ime padding before the ime is shown ? would be cool to use the keyboard as source of truth for animations.

I'm writing an ebook reader. I needed custom text drawing, so I needed to implement my own text selection. I've got that mostly working using ~700 lines of code copied from Jetpack compose internal and private functions and lightly modified. My current problem is that I detect drag events on the handles, but the handles are very small. The unit of selection is the character or word, and the handles should be at the start and end of the selection. That means the handles should jump as you drag them. The problem is then that as you drag the pointer goes temporarily out of the touch area for the handle between snaps, and thus I don't get drag events. I could just add some padding around the handles to increase the touch area, but that wouldn't have quite the behavior I want. I want to specify that a drag event must start with a pointer down in a small area, but can continue with a pointer move in a larger area. I could also just implement that myself (looking at the source PointerInputScope.detectDragGestures, it seems relatively straightforward) but I want to make sure there isn't a better way to do this. I'm also a bit puzzled by why Jetpack's implementation of handles doesn't run into the same issues, as it's almost the same code as I'm using.

Hello, how can I create a viewModel as in documentations using =viewModel() as default with a ViewModel with dependencies injected to it with Hilt ?

Is it possible to change OutlinedTextField height without cutting the content??

I'm currently on Kt 1.4.31 and getting the following error: `This version (1.0.0-alpha13) of the Compose Compiler requires Kotlin version 1.4.30 but you appear to be using Kotlin version 1.4.31 which is not known to be compatible. Please fix your configuration (or

suppressKotlinVersionCompatibilityCheck

but don't say I didn't warn you!).` Is it recommended to use

suppressKotlinVersionCompatibilityCheck

or revert from 1.4.31 to 1.4.30?

Material text field has a prefix text property:

app:prefixText

I cannot find it in

androidx.compose.material.TextField

Could it be it is not implemented yet?

Is there any way to make the ModalDrawer pull out from the right side of the screen?

Made some swipe cards 🐶 Code https://twitter.com/SophosAdriano/status/1366379033273982979

❔ Does anyone know why the source code for things in

androidx.compose.ui.input.pointer

don’t show up in Android Studio? Almost all other compose modules download and show sources correctly.

I'm working on a project in Compose and running the app on a device. I'm getting this weird error which causes the app to crash if the app is open and I'm editing the code

JNI DETECTED ERROR IN APPLICATION: JNI CallVoidMethodV called with pending exception java.lang.NoSuchMethodError: no non-static method "Landroidx/compose/runtime/HotReloader$Companion;.saveStateAndDispose(Ljava/lang/Object;)V"

. The trace is pretty extensive after that first line. Is anyone else having this issue? Been googling a bit but can't find anything.

If I want to display a master/detail on tablet with Jetpack Compose, do you have some guidelines? For now, I went to something like:

@Composable
fun MainLayout(catRepository: CatRepository = (CatRepository((FakeCatDataSource())))) {
    val catsViewModel = viewModel<CatsViewModel>(factory = CatsViewModelFactory(catRepository))
    Surface(color = MaterialTheme.colors.background) {
        when {
            !booleanResource(R.bool.is_tablet) -> MainLayoutTabletPhone(catsViewModel)
            booleanResource(R.bool.is_portrait) -> MainLayoutTabletPortrait(catsViewModel)
            else -> MainLayoutTabletLandscape(catsViewModel)
        }
    }
}