Hi everyone. I want to build authentication system for my app, and still a bit confuse on how to handle the flow. I always implement the A flow before, but the problem is I always see my Login Screen first, even it is only a glimpse. Which do you prefer between these flows? Is doing the B approach even possible?

Quick question: What is

@ReadOnlyComposable

?

https://developer.android.com/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotApplyResult says that

The result of a applying a mutable snapshot. Success indicates that the snapshot was successfully applied and is not visible as the global state of the state object

Should it say

and is now visible as the global state of the state object

is

animateColorBetween()

only available in compose >1.2?

I'm getting this lint error, but when I fix the error... it still remains. Am I misunderstanding the issue or does the lint check/lint itself have a bug?

Hi everyone, I have a weird issue with OutlinedTextField. I'm passing the initial value as a

val textState = remember { mutableStateOf(costTextValue)}

but the value appears to be empty. If i print the value in log it shows correctly, but in my variable it's empty.

I am writing an application entirely on JetpackCompose with MultipleActivity approach. I noticed that all Activities are leaking (except for the first one). I removed all the code in the Activity (except for setContent) - they still leak when changing the configuration. I don't keep links to Activity anywhere. If you comment out

setContent {}

, the leaks disappear, but I can't work with Compose without this function. Can you tell me what is causing the leaks? How can they be fixed? All useful info attached to the post.

Hello, I need to check whether bottom sheet is dismissed or shown and have a code below for two cases. However, dismiss case is also triggered when user selects something and then bottom sheet closes. I don’t want my

onSortingSheetStateChanged(SortSheetState.Dismissed)

to be triggered for that case but only if user presses back button or touches outside. BTW is there any better way to handle these cases?

if (sortingBottomSheetState.currentValue != ModalBottomSheetValue.Hidden) {
    DisposableEffect(Unit) {
        onSortingSheetStateChanged(SortSheetState.Shown)
        onDispose {
            onSortingSheetStateChanged(SortSheetState.Dismissed)
        }
    }
}

Hello, is there a way to resize a `Bitmap`/`Image` using compose? I'm creating a multiplatform image loading library that reads a

ByteArray

using ktor and then creates an image using

Image.makeFromEncoded

. I have to resize the result, but I don't know if I can do this using `compose`/`skiko`

```* [graphicsLayer] can be used to apply effects to content, such as scaling, rotation, opacity,

* shadow, and clipping.

* Prefer this version when you have layer properties backed by a

* [androidx.compose.runtime.State] or an animated value as reading a state inside [block] will

* only cause the layer properties update without triggering recomposition and relayout.```

This is the documentation of graphics layer. From this it looks like i can make changes to the graphics layer without recomposing the parent composable. But how to I collect a state in the graphics layer as it is not a composable? If i collect a state in the parents then it will recompose the parent.

Is there a way to fix Material3 surface ShadowElevation direction ? Depending on the orientation of the phone the shadow is either casted <- or ->. This does not really feels right.

Is there something wrong with how I'm applying this button color? I want the color (white with a 10% alpha value) to be applied to the entire button, but it looks like it's layering another white 10% alpha on the text inside my button which makes it show up like this (picture in thread)

Button(
  colors = ButtonDefaults.buttonColors(
    backgroundColor = Colors.White10 
  ),
modifier = Modifier
   .clip(RoundedCornerShape(.5.radiusDp))
) { // a single text in the button with only text color declared

Does anyone know if there is some open source implementation of the feature discovery/tap target for Compose?

I have created a custom HorizontalOrVertical Arrangement. Its working fine (for the most part). Assume that I put three compassables(width=30.dp each) inside a Row. So row width will be 30.dp*3 = 90.dp. But in my custom arrangement composables can overlap(eg. like, comment and share button in facebook). Assume that overlapSize is 6.dp, so that effective width of all three composables is (30-10).dp*3 = 60.dp. But the issue is row's width is still 90.dp. How can I fix it? More in thread.

Is there an obvious way to have a LazyGrid inside a LazyColumn? I have seen some workarounds but I was wondering what the preferred way is here on Slack.

So I have a calendar built via LazyColumn and have been trying to optimize it. Made some good gains by using the metrics compiler outputs as guidance. I am down to what appears to be modifier aggregation. Is there a built in way to have the column throttle how many items it attempts to do per thread frame?

I assume I’m not the only one here using Chrome Custom Tabs (whether directly or via e.g. AppAuth). So how are you handling UI state in between the time when a button is clicked, and the time when the browser opens? On observation I see that state changes aren’t propagated before the the browser opens, so if I try to, for example, respond to the click event by showing a loading spinner, the spinner doesn’t actually show up after the click. It takes a second (or fraction of) before it shows up, and then is immediately hidden by the browser.

Hello, I am working on automated testing for compose layouts, after adding the necessary libraries and getting my first test working I am seeing a NoSuchMethodError that I think is related to proguard in my release build, but I am not sure so I am wondering if anyone has seen a similar issue before, posting full error description in thread

Why cannot we change the x,y coordinates of composables with modifiers?

How to scroll down the screen in compose test?

I have a question about the ImageViewer example. In

Main.kt

it starts with:

val content = remember {
        ContentState.applyContent(
            state,
            "<https://raw.githubusercontent.com/JetBrains/compose-jb/master/artwork/imageviewerrepo/fetching.list>"
        )
    }

Content then contains a function

isAppReady

which is this:

private val isAppReady = mutableStateOf(false)
    fun isAppReady(): Boolean {
        return isAppReady.value
    }

Does Compose keep track of the nested (isAppReady) observable via the function call? I was a bit confused, because I thought I had to read the values of states directly inside a composable, but apparently I can place it behind a function as well?

Is there a way to further constrain a

PaddingValues

instance? E.g. say I want to apply some additional padding on top of the one passed in as the receiver in the

Scaffold

content lambda: how to?

Compose docs say “`You should not pass ViewModel instances down to other composables."` Is it really that bad to do it? In my case I have a DropdownMenu in my ListItem Composable with 5 onClicks that all have to call a different method in my ViewModel. The problem now is that this ListItem ist 5 nested composables away from the viewModel reference in my “ProfileScreen” composable. So I would have to pass those 5 onClick Lambdas 5 times until it gets to the parent Composable. Do I have to get friends with this approach or is it not even that bad to pass down the viewmodel?

Hey guys. Is there a standard (not using third party libs) way to load a Drawable instance into a Image or Icon in Compose? I need to tint the icon, btw. Thanks in advance!

I've skimmed through https://issuetracker.google.com/issues/192043120 to try to understand why I cannot seem to resize a compose dialog with multiple text fields. The dialog seem to force

adjustPan

behaviour no matter what setting I have in my manifest. Also window insets will have no effect on the content. They do seem to affect things if it is a non-dialog. Is there anyone who has seen something similar or can maybe explain what is needed to resize a compose dialog with IME paddings

What’s the right way to include the value of a StateFlow in

derivedStateOf

? (In a VM)

Stuck at performance optimization, I’ve tried everything from the new docs to optimize my grid list and somehow managed to significantly improve my p50 scroll performance at full Compile. However, I’m still getting a lot of huge Janks from the profiler. Any idea what could be causing these huge recompositions and animations in a scrolling list context? I’m out of ideas 🤷

I don’t think the “Multitouch: Panning, zooming, rotating” example does quite what the gif implies https://developer.android.com/jetpack/compose/gestures#multitouch

Hello, I was told this channel would be a better fit for this question