When playing with Snapshot system, I find if I take a snapshot and create a

state: State<T>

in it, then dispose the snapshot, the created

state

can’t be read from

GlobalSnapshot

, which makes sense. However if anything triggered

advanceGlobalSnapshot

(for example

registerApplyObserver

), the new

GlobalSnaphot

will be able to read the

state

now (because the new

GlobalSnapshot

no longer remember the disposed snapshot in invalid snapshots). Is this a bug?

I want to open a custom "sheet" when the user presses a button. Not a BottomSheet but rather some content that draws over the bottombar and topbar, taking all space available. How can I do that with

NavGraph

if my

NavGraph

is nested inside a

Scaffold

?

I have a

Text

component with

AnnotatedString

with some `ParagraphStyle`s in it. Is there any way to setup spacing between paragraphs? I want something like half lineHeight between them.

Does anyone have a good example of how they’ve achieved the cascading styles we got from XML? Things like

Button.Flat.Blue.Small

How would I use an image as a mask in compose? I have an effect that I’m drawing as a Shader, but I only want it to be applied there there are non-transparent pixels for an image. How would I do that?

We are trying to use paging together with sticky headers. But now instead of using

items(pagingItems) {}

, we have to iterate through the items manually, do

pagingItems.peek(index)

and add single

item {}

one by one:

@Composable
fun PlainPaging(pagingItems: LazyPagingItems<Item>) {
    LazyColumn {
        items(pagingItems) { item ->
            when (item) {
                is Item.Header -> Text(text = item.title)
                is Item.Data -> Text(text = item.text)
                null -> Text("placeholder")
            }
        }
    }
}

// vs

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun StickyPaging(pagingItems: LazyPagingItems<Item>) {
    LazyColumn {
        for (index in 0 until pagingItems.itemCount) {
            when (val item = pagingItems.peek(index)) {
                is Item.Header -> stickyHeader { Text(text = item.title) }
                is Item.Data -> item { Text(text = item.text) }
                null -> item { Text("placeholder") }
            }
        }
    }
}

Is this going to have some performance implications? Is there a better way to do it? Thanks

What’s the simplest way to declare a layout with a header and a footer? Scaffold is simple but I heard it’s expensive to use.

Is the

expanded

logic for

ExposedDropdownMenuBox

wonky right now? I'm trying to use it for autocomplete results via an editable

OutlinedTextField

nested inside. When the dropdown menu is expanded, it's consuming "backspace" inputs to try to dismiss itself. In order to actually delete a character, I have to basically hit backspace twice. Once to dismiss the popup, and another to actually delete the character. Has anyone run into this behavior?

Hi there, I'm developing an app which has a similar architecture to the Now In Android app. The thing is, my NavHost is wrapped by a Navigation Drawer, and I would like to provide the item for that navigation drawer via a ViewModel. Would it be a good practice to have a ViewModel inside the app module, or should I rather create a new module exclusively for the Navigation Drawer?

Hello guys, may anyone help me with

MediumTopAppBar

|

LargeTopAppBar

please. It shows two lines on toolbar. I’m using Material3 and I don’t use old material components… Code is in the thread

What is the difference between using these two scopes?

val scope1 = rememberCoroutineScope()
val scope2 = LocalLifecycleOwner.current.lifecycleScope

I’m trying to implement some custom

Layout

, and somehow the content gets centered. I’ve measured this single item (image), placed it at (0,0) in a

layout

call with the size of the image (measured total children), and I expect it to be in the top left corner of the red area (parent size). Why is it in the center? Green rectangle depicts inner bounds of the parent, as if there was padding or something.

If I convert a

Color

value to

Int

(using

toArgb()

) so I can save it in Datastore, how would I then convert the

Int

back to Jetpack Compose

Color

?

Hi. I'm still fiddling around with navigation, but have two questions that I just cannot find the answer to. I am basically using the default bottom nav example found here and adjusted it for my requirements. In my case, the bottom tabs are received from a server call at app start and are the only known navigation destinations. In each tab, I can navigate to sub-pages with an unknown name (with navigation destination

page/{pageName}

). Questions: 1.

currentDestination?.hierarchy

does not contain the root tab name after navigating to a sub page, so the tab does not stay selected 2. I would like to change the back behavior. By default, back first pops the current tabs backstack. Once it is empty, it moves to the

startDestination

(root page in the first tab with backstack empty). I would like to change that to: pop backstack of current tab. Once empty, switch to last used tab including backstack and start popping there. Once empty switch to the next last used tab etc. If there are no more backstack entries, close the app. For reference, please find my sample code in the comments

Does this mean that (some) collections are now inferred as

@Stable

? :60fps_parrot:

"kotlinx.collections.immutable.ImmutableList"
"kotlinx.collections.immutable.ImmutableSet"
"kotlinx.collections.immutable.ImmutableMap"

Hi, has anybody else encountered memory leaks within lazy columns embedded deep within a composition? I tried to replicate the problem with https://github.com/reaktor/ComposeImageMemoryLeak on a couple of different versions of compose, but could not. However I know of two completely distinct proprietary projects that leak image references in compose 1.2.0, but not in 1.1.0. The leak is shown by the image loader always loading the images from memory after the first time they have been loaded. We've tried different image loaders with 1.2.0, but that did not make a difference.

Hello, Need some help is updating state in compose. I am maintaining selected items in a list. I want to clear list and update UI. I am setting empty list in Livedata. But not getting callback in observer. Can someone please suggest. Code Snippet: selectedLocalityLiveData.postValue(_emptyList_())

Hi, we are observing crash in devices that have free ram less than 1gb. Its basically fb news feed with different types of compose views and normal viewholders inside recyclerview, we are unable to replicate the issue but firebase logs are popping up alot, stacktrace in the 🧵

Is Compose compiler 1.2.0-rc01 version compatible with kotlin 1.7.0 version

I’m using

pointerInput

and

graphicsLayer

to implement 360 degree scrolling on a composable (using translationX and translationY). It seems to work but I can scroll the composable infinitely (bringing it completely out of the screen), how is it possible to compute the actual bounds of the composable so that I can stop the translation when the bounds have been reached?

🐛 Looks like there is a bug in measuring annotated strings with indents. Given

ParagraphStyle(textIndent = TextIndent(0.sp, 12.sp))

and string

"sdkjfn\nskdjfn\n"

I get the result as in attached image. Expected:

sdkjfn
  skdjfn

Looks like indents are not considered during measuring of overall size, and then when laying out it have to wrap line.

I feel a little dumb for asking this, but is there a way to allow a child Composable to be larger than a parent Composable?

There's been some conversation here about how your Compose apps/features should handle config changes manually - https://kotlinlang.slack.com/archives/CJLTWPH7S/p1618760581089700?thread_ts=1618691113.058800&cid=CJLTWPH7S This makes sense to me and I've been lucky to follow these conversations from the early days. However, I'm not seeing this recommendation in the official docs to be able to share with my team. Is there any documentation available that I might've missed. If not, I'm sure this is on your radar but I want to flag it anyway.

Hello hello! Wha would be the ideal node to match a node In a pager compsable, with same text being presed in adjacent pages ( I:E next button) Im following this solution https://akjaw.com/wiriting-ui-tests-for-pager-layouts-jetpack-compose/ it works but you kind of need to know the page you want to match whic is not really ideal for a dynamic pager

Help 😄

I reported this in issuetracker already, but does anyone know if there is a workaround to get Previews which reference resources working in your application modules when in a multi-module project with nonTransitiveRClasses enabled? https://issuetracker.google.com/issues/236141674

Hello! Does anyone have a good example for aligning TextField label and the line (underline) properly? There seems to be some gap between their starting points. Thanks in advance!

I have a straight forward button that I want to launch an share intent. Right now I just wrote a fun in my composable file based off of this. It works fine. But I feel like maybe I shouldn't do this in my composable? I see three choices: 1️⃣ Should I bubble this event up to my nav host/activity to handle 2️⃣ Should I try to do this in my VM and have Hilt inject a context 3️⃣ Having it done like I do now "in the composable" is fine

I got a design that's similar to this where my design team wants text for the "Cancel" and "Done" buttons. Is there anything special or out of the box to do this? I know I can just make a row with text + clickable modifier, but is there anything else I should take into account so that I get the nice touch target of typical TopAppBar action items?