Top app bar with a background color shows as expected, but if I set it to transparent then I get this inset/shadowed look. Am I misusing TopAppBar in some way? I just want to be able to show the content underneath it 😅

TopAppBar(
    backgroundColor = Color.Red //Works as expected
    backgroundColor = Color.Transparent //Doesn't work as expected

How is Jetpack Navigation’s Compose support handling `AndroidView`s nested inside composable destinations? I see that

NavBackStackEntryProvider

sets all the owner locals for the destination (

ViewModelStore

,

Lifecycle

,

SavedStateRegistry

, and

SaveableStateRegistry

), and that

AndroidView

manages its view’s hierarchy state, but if a view underneath an

AndroidView

inside a composable destination asks for the

ViewTreeSavedStateRegistryOwner

, for example (and same for the other 2 view tree owners), wouldn’t they skip past the compose nav destination’s owners and find the owner on the android view containing the composition with the nav host? I would expect

AndroidView

to set the view tree owners from the respective composition locals on its child view.

If I do something like the below, am I right in thinking I cannot use preview it, because `ViewModel`s aren't supported in

@Preview

?

@Composable
private fun TodoActivityScreen(todoViewModel: TodoViewModel) {
  ...
}

Is anyone having build issues with a compose app using the new 1.5.30 kotlin release? I have an app that builds and debugs fine using 1.5.21. Today I tried to upgrade the kotlin version in the gradle build to 1.5.30. Sync worked fine, but a build of the app fails in the compileDebugKotlin build task with the call stack below. (I went back to 1.5.21 and am working again.) Anyone else seen something like this (moved call stack to thread)?

This message was deleted.

If I navigate from Screen A to Screen B using popUpTo(A){ inclusive = true }. Shouldn't my Screen B act like a start destination. I mean I want to exit my app if I press system back button from screen B. But in my case it is not happening if I press the back button from Screen B, it does nothing.

Does anyone know the state of LazyColumn item change animations (RecyclerView diffing animations) in compose?

HI Everyone does anyone know how can i remove internal padding of textfield for leading and trailing icon

Hey hey, Testing question if anyone has a quick sec -> “Compose tests are synchronized by default with your UI. When you call an assertion or an action via the

ComposeTestRule

, the test will be synchronized beforehand, waiting until the UI tree is idle” Does this synchronisation on assertions include custom idling resources which have been registered? Or would I have to call waitForIdle() in between each line that makes async changes (eg. a network call)?

Hi! I have this weird bug with text field on 1.1.0-alpha02 Does anyone know how to fix it?

I just published Display Map Snapshot using Jetpack Compose https://link.medium.com/AEqkE3Af2ib I am still concerned about using DisposableEffect for the job, but it works 🙂 . Any feedback is welcome. Side question: Is it fine to put it here or I should use #feed? It is all about compose so I thought this channel is a good place 😉

If I have a

Box

with two composables of different height and use `AnimateVisibility`/`AnimateContent` so that one of them is removed, what is the best way to make this

Box

stay with

height = max(composable1.height, composable2.height)

? Otherwise layout content jumps which doesn't look good.

I have a TextField, but I’d like the label to be left aligned with the underline. Anyone that knows how I can to this seemingly simple task?

For those that use Compose in production, can I hear your story? where there any performance hits or perhaps improvements you experience , while having compose is prod?

Trying to recreate this. Having 2 issues: 1. I don't know how to get the permanent bottomSheet to have a set weight/percentage based height. 2. My rounded corners on the bottom sheet end up white. Code and current screenshot in thread.

Is there a way to make the cursor jump to the next TextField on (hardware keyboard) tab-press? Is there some way to enable this?

👋 Rookie question! I am trying to align the icon with the text so that they are on the same height. This is the code for reproducing it

@Composable
fun IconTopLeftText(
    backgroundImageId: Int,
    iconId: Int,
    padding: Int = 16,
    imagePadding: Int,
    text: String,
    textColor: Int,
    textSize: Int
) {
    Box(modifier = Modifier
        .padding(padding.dp)
        .semantics(true) { }) {
        val drawable = AppCompatResources.getDrawable(LocalContext.current, backgroundImageId)

        Image(
            rememberDrawablePainter( drawable ),
            contentDescription = null)
        Row(
            horizontalArrangement = Arrangement.Start,
            verticalAlignment = <http://Alignment.Top|Alignment.Top>,
        ) {
            Image(
                painter = painterResource(id = iconId),
                modifier = Modifier
                    .padding(end = imagePadding.dp),
                contentDescription = null
            )

            Text(
                text = text,
                fontSize = textSize.sp,
                color = colorResource(id = textColor)
            )
        }
    }
}

Any ideas what am I missing please?

Something that made life easy with the XML was to keep all the properties in the same order. Is there a way to keep all the parameters in the same order for a composable element/function?

I've one variable (paging data stream) that gets data from view model based on some input id. This data should only arrived when user click on certain button, else data would be empty. How can i make sure that this data comes from view model when user click on button and provide that input id. code is in thread

How does Jetpack Compose work with the Android system's dark mode toggle? As I understand, dark mode is enabled with a boolean passed into the generated

MyAppNameTheme

. But that boolean doesn't seem dependent on the Android system's dark mode. Am I missing something?

What is the proper way to have a bottomsheet shown over the navigation bar from a subscreen ?

Is there a way of manually calling/forcing the onClick of a composable? My use case is I have a RadioButton inside a row and I want the radioButton's indication to happen when the Row is selected. Something similar to the old

View.performClick

So I wondering if there’s an extension function that do the following,

if (condition){
  wrapComposableWith( Container() )
} else {
  createComposable
}

How can I make out of many only two or more specific composable screens in the Navigation graph share the same ViewModel?

Has anyone faced error when passing a string URL via compose navigation with args? If I pass a short string, error does not happen https://gist.github.com/ShivamKumarJha/fcc571e55200e0cf8dd4ec5fdfd2625f

In compose api guidelines, what does

App development SHOULD prefer simpler concrete types until the abstraction provided by an interface proves necessary. When it does, adding a factory function for a default implementation as outlined above is a source-compatible change that does not require refactoring of usage sites.

mean exactly? Should we not hoist our state with an interface and an implementation like so?

Meta - I see a lot of questions strictly regarding navigation in compose and (I don't use it but) it seems like it is a quite separate library with its own reasoning, not so related to the core compose. Just if - wouldn't it be reasonable to create separate compose-navigation channel?

Is there somewhere a Discourse-based site for Compose? Can't help but feel like Slack is not very good medium to drive discussions/questions/communication. It's heavy, searching is not very good, many discussions get lost inside isolated threads (I get notified only of ones I'm participating in, can't see if new posts arrive in some threads which may be relevant to me). So I thought maybe someone did set up something Discourse-like or maybe plans to?

A question about animations. I have a FAB that I would like to animate in using

AnimatedVisibility

inside a box, so no row or column scope. It works alright but the clipping of how the animation opens up is a square. Meaning that it looks awkward as it comes into the screen especially since the shadows are looking weird. Is there a way to provide a clipping of how it should be expanded just like how I am passing that it should be expanding from the center?