Hi all! I’m new on the compose and I’m following the pathway. the

remember

is a great solution for recomposition but is there any lifecycle aware solution for that? Because, when I rotate the app, and activity recreated I can’t achieve to remembered value. I guess, I should put this data into my model and get with the livedata?

Hi, im using

accompanist Pager

, how i change my interface when i click button?

In the compose state codelab it goes through a trivial example of having a tint color that is calculated via Random and this is done every recomposition. They show that if you wrap it in a remember {} function giving it a key, then it no longer generates a new random when an item is added to the list. BUT at the bottom it says "this makes it idempotent"

An idempotent composable always produces the same result for the same inputs and has no side-effects on recomposition.

But since this composable is in a LazyColumn, if you scroll up and down then Random is triggered again after the composable goes off the screen and comes back. Doesn't this go against the whole "same result for the same inputs"? Is the codelab "wrong" in stating that this is idempotent? https://developer.android.com/codelabs/jetpack-compose-state#4

"Report a mistake" in the codelabs brings up this screenshot. Wouldn't it be better to just bring you to github to file an issue? For example, I found a typo that I reported through this pop-up a while back and it's still there. Wouldn't taking you to the repo be a better tracker for this sort of thing?

I don't want to override TextStyles h1, h2, button from Typography and wish to create my own custom TextStyle and set them in custom Typography class. But I can't find a way to set custom TextStyle in Typography. Can anyone help out here?

I'm trying to adapt a CodingWithMitch video tutorial to my own needs. Basically, I have a list of boxes and I want each one to animate with a delay of 1 second after the other. I don't understand why my code does not work. The

delay.value

does not appear to update. Any ideas? 🧵

Is there any way to apply antialiasing (or just clean up the lines) when using

GenericShape

? For example, I’ve drawn a simple Triangle, but if I zoom slightly you can see how messy the lines are

I'm looking at

navigation-compose

, is there an example on how to have a main bottom-nav based navigation that also has some "full-screen" composables? Essentially the

Jetsnack

sample but ported to the Navigation library: a shared bottom-nav for some screen and some screens going over the bottom-nav.

This channel has exactly 4 000 users now 👀 I hope every last one of you is enjoying your stay 🎉

LazyColumn {
    items(postList) {
        Post(
            onPostClick = { post -> PostDetailsScreen() },
            it
        )
    }
}

I display list with post. When I select post I want to open new @Composable view with post's details. Now I get error: @Composable invocations can only happen from the context of a @Composable function. Why?

Are there any easy ways to animate new items in a

LazyColumn

?

Hello all, Is there anyway to add label below each steps in Slider?. Currently I’m using Range slider in Jetpack compose. I want to achieve this behaviour 👇

😅 I'm about to commit my first compose code to my teams codebase. It's really really really simple, but although it's only a few lines long I'm hoping a few people could take a look to "code review" if I'm breaking any fundamental rules. It's just the skeleton of getting a username and password field showing in a fragment. While the state actually lives in the AAC ViewModel which exposes a single state via LiveData. If you know anything about that please take a look! There's still a lot of work to do to make this work, but I'm really just trying to see if I understand how state hoisting works in compose, and how to properly pass observable data down and events up through the AAC VM. Code in thread

At the moment, the current docs recommend state hoisting for state management, but I fear that state hoisting can be difficult if a specific state must be hoisted up multiple levels. Having learned Flutter before Jetpack Compose, I liked the Provider approach, and Jetpack Compose seems to have something similar in the form of

CompositionLocal

and

CompositionLocalProvider

. My question is, why are these 2 not recommended for state management?

This is an exciting thing, I look forward to the moment it is completed 🤩 https://android-review.googlesource.com/c/platform/frameworks/support/+/1704159

Hey, I am looking for the

NestedScrollConnectionSample

but can't seem to find it anywhere. My usecase is building a collapsing toolbar layout. Would love it someone could point me in the right direction here, cheers!

I am using a

nestedScroll(...)

to create a collapsing toolbar (code in thread). However implementing it this way is disabling any flinging on the list. I am not sure why, because I am not consuming the Flings in my nested scroll, or do I? Will I have to reimplement flinging animations when using nested scrolling?

@jim In my understanding Jetpack Compose is designed to allow extension to other platforms such as Desktop(Compose Desktop by JetBrains) and iOS. Therefore, are there any plans to change the package name in future to be platform agnostic for example something like com.google.compose instead of androidx.compose. The androidx.compose package gives an impression that Compose is Android specific.

how can I make circle come from the centar of the cloud? like it’s coming from behind but not moving diagonally? code in 🧵

how can I make this type of animation in compose : https://codepen.io/MarioDesigns/pen/woJgeo

How do I collapse the keyboard after typing a TextField?

have anyone done navigation transition in compose?

Curious question, do my Compose Functions finally use View.java to be rendered on the Screen, if not then how does the final rendering happen ? If there is any good resource available on this, please point me to that.

Hello all. I have a checkbox in a parent view, the parent view is padded on start by 16dp. The checkbox aligns with that padding. However the ripple on click of the checkbox is clipped on the left side. Struggling to figure out how to unbound the checkbox ripple. Any ideas?

How to pass object between @Composable screens?

@Parcelize
data class Post(
    val author: String,
    val title: String,
    val description: String,
    val reactionNumber: Int
) : Parcelable

In my `navigationController`;

composable(
    "PostDetails/{post}",
    arguments = listOf(
        navArgument("post") { type = NavType.ParcelableType(Post::class.java)}
    )
) {
    PostDetailsScreen(it.arguments?.get("post") as Post)
}

Now I get error: Parcelables don't support default values. Should I pass object using GSON ot this way is corretly? I heard that NavType.ParcelableType didn't work but right now it's implemented and developers can use it (?)

Has anyone encountered issues rendering

@Preview

composables in AS (currently Canary 15) with an error similar to this?

java.lang.NoClassDefFoundError: androidx/lifecycle/runtime/R$id
	at androidx.lifecycle.ViewTreeLifecycleOwner.set(ViewTreeLifecycleOwner.java:49)
	at androidx.compose.ui.tooling.preview.ComposeViewAdapter.init(ComposeViewAdapter.kt:612)
	at androidx.compose.ui.tooling.preview.ComposeViewAdapter.<init>(ComposeViewAdapter.kt:206)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)

This is only happening for some members on our team but once it does its persistent and the only way to get it to compile is add the following dependencies which doesnt seem necessary:

androidx.savedstate:savedstate-ktx
androidx.lifecycle:lifecycle-viewmodel-compose
androidx.lifecycle:lifecycle-runtime-ktx
androidx-core-ktx

Hi everyone. I have a quick question about clipping the content by composables. If I'm not mistaken, composables don't clip content by default, but in code bellow it seems it clips content of the inner box. Am I doing something wrong? (code in thread)

Is there any particular reason there isn't a dedicated keynote for Compose at GoogleIO this year? just not quite ready? i noticed a few workshops but was hoping this IO would be compose heavy

Given this:

Row(modifier = Modifier
        .fillMaxWidth()
        .wrapContentHeight()) {
        
        Surface() {
            Text(...)           
        }
        
        Column {
            Text(...)
            Text(...)
            Text(...)
        }
    }

How do I get the

Surface

to be the same height as the

Column

?