Does anyone have a problem with LazyColumn after latest update?

Is overdraw still something to try to optimize in Compose world?

I'm relatively new to android development. Started learning in december'20 with xml/view based layouts through udacity. Soon switched to compose as declarative UI seemed easier to me having done web development in react. I have practiced everything (animations, i/o, custom layouts, theming) in isolated manner through preview composables. Now I am trying to create a full fledged app with firebase. I have some queries and it would really help if you can clear even some of those. 1. For showing images, I am using accompanist. I wanted to know is there a codelab like those for jetpack compose to learn accompanist? 2. How do i cache images? Like if I fetch some image by url once and close the app. Then next time can i show old image without fetching it again. Does accompanist do that? 3. During Layouts codelab for compose there was a lazy column scroll handling to scroll to top/bottom by button. When i used to scroll to top then only 4/5 items were visible rest disappeared. But as soon as i touched the window again everything came back up. Was it a compose compiler problem or just debug app/my mobile problem? 4. Is there a preferred way to map firestore model to local model? I was thinking to create extension functions. Any tutorial for mvvm/repository pattern with compose will be helpful. Everywhere i see these but the basics are still a bit hazy. Any answers will be informative for me. Thanks all.

Hi everyone. Any idea when to expect beta08?

I am working with accompanist pager. Would to create own pager indicator. Also i would to indicator change color smoothly when page changing from active to inactive. I have pager state

currentPage

and

currentPageOffset

values. What is the best way in compose to blend colors one with another for current case? It is not an animation, colors must change on drag (recompose), so somehow i must change color based on

currentPage

and

currentPageOffset

. Would be the good solution is changing the alpha? Or i can somehow blend colors?

Anyone using the latest Lottie lib for compose? com.airbnb.android:lottie-compose:1.0.0-beta07-1 I get build issues when trying to fetch dependencies.

[✅ Resolved]. Hello all, When I pass these unit functions for

TapGestures

I really see a

performance issue

. Why is it happening? Is there any way optimise performance? For ex - When I tap

LazyColumn Item

it will goto

details screen

. But now it takes

1s to navigate to details screen

. When remove those functions & use clickable to goto details screen it’s working fine!

How do I make something like this but wrap the height to get rid of the extra space? I understand it's because of the

aspectRatio(1f)

but whatever height I use, the arc only fills half of it. Code in thread.

Hello, how do i make this idea work : api.stream is reading a websocket, the idea is to update a variable every time it receives a websocket message.

I want to collect

navController.currentBackStackEntryFlow

and must to do it in CoroutineScope. I have few questions 1. Where can I read about relation of coroutines and composables 2. Where better to collect this flow? Looks like there are mechanisms in compose to handle coroutines, but i am not sure that good practice to do as i did. 3. Even if it is good practice - what is better to use as key for

LaunchedEffect

? I select activity, but it seems meaningless

I'm trying to use

Layout

for the first time I've set myself to build a fairly straight forward widget, but with a small circular dependency 2 components (the name is to help imagining but they can be whatever): • field • button the

button

can decide its own width but must match

field

height the

field

can decide its own height but must leave room for the

button

in it's width (

maxWidth - button.width

) the idea is the component will show the field and the button side by side filling width and wrapping height using the field. As far as I understood I can measure all components only once. If I measure

field

first I can adjust

button

width accordingly but I cannot make its height match

field

If I measure

button

first I can know it's width but I cannot tell it to take as much height as the

field

Can someone enlighten me on how to overcome a situation like this with Layout? thanks

Hi! Two questions: 1. Does

@Stable

imply

@Immutable

or vice versa? 2. If I have a

data class

which contains only vals (which are either other data classes or privitives or non-mutable collection types), does it mean that Compose compiler plugin will be able to infer `@Stable`/`@Immutable` automatically? I found an earlier thread that seemed to suggest that. 3. It would be great if both of these points were somehow covered in documentation (or did I miss that?)

Is there an (out of the box) way to create an Expanding BottomSheet, as defined in the Material Specs? https://material.io/components/sheets-bottom#expanding-bottom-sheet

I’m trying to change the status bar color using accompanist library, but no success… 😕

val systemUiController = rememberSystemUiController()
val useDarkIcons = MaterialTheme.colors.isLight

SideEffect {
    systemUiController.setStatusBarColor(
        color = Color.Red,
        darkIcons = useDarkIcons
    )
}
MyComposable()

Hi all, I have been trying my hands on Compose recently and stumbled upon

TextField

API. I noticed some issue in the one of the API approach. The cursor doesn't move forward as the value gets updated. Attaching a video as reference. Its the one which accepts TextFieldValue Am I missing here something ??

Finally https://android-review.googlesource.com/c/platform/frameworks/support/+/1704159 AnimatedContent 😍

Something I’ve kind of wondered several times over the past few months, and haven’t been able to get an answer for - if Compose doesn’t use a shadow dom, how is it working under the hood? I’ve tried to understand it, and I know it creates a tree structure under the hood. How does it stay efficient and function under the hood if the tree structure it maintains is not a virtual dom?

I'm trying to create a video player (exoPlayer) as a composable and I'm following along with this article https://itnext.io/playing-a-video-with-jetpack-compose-10a453ff956 It gets me to the point where I'm playing a video which is nice, but I have 3 questions if anyone can chime in. 1. Is the

remember

method appropriate to make sure the composable doesn't reload the video on every compostion? 2. LaunchedEffect (I haven't used it before) seems like an interesting use case to use to update the fact that the video url has changed. Maybe the fact that it's called "Effect" is throwing me off, but would there be any other way to do this? 3. How does one properly dispose of this video playback. Does the composable clean up the androidView inside of it when I don't show it on screen anymore?

How do you ask questions of, or send requests to, nested Composables? Here’s a simplified example in thread.

Hi everyone, happy Monday. Question: I understand that a ViewModel should not reference an Activity, or Context, or View, lest they be retained across configuration changes. Does this restriction apply to Composables as well? Or can I have a ViewModel that references something which has a @Composable method? e.g:

class MyViewModel : ViewModel() {
  val plugin: Plugin
  ...
}

interface Plugin {
  @Composable
  fun Content()
}

My use case is, in my app we can dynamically load plugins depending on user requirements. These plugins themselves have composable methods to draw UI, and their own ViewModels in turn. Thanks for any help!

Still trying to get the understanding of basics right. If I change a remembered mutable state outside of the composition, will it trigger recompose? I have a

ComposeView

in an ordinary view hierarchy. See the snippet in the thread.

How would I do something like this to satisfy my designers requirements? Basically the bottom of the image should be inline with the bottom of the first piece of text AND if the text starts to get too long, it should elipsis instead of drawing on top of (or below) the image. I tried using negative padding (as I would do in web dev) but that's not allowed in compose apparently?

I am trying to define a Dialog in Compose and display it from older toolkit ui. Anybody have any examples I could work from in this case? Optimally also callable via a class Navigation.navigate() call.

Is this a bug, or I’m doing something wrong? 🤔 After delete one char, and type another character, the TextField is cleared 😕

Question about layout constraints: I'm trying to constrain one layout in a Column between a min and max size, but let it expand and contract with the available space in the parent.

How can I achieve this? The blue box needs to fill remaining space after placing those 3 boxes I tried with Column and ConstraintLayout as well Code in 🧵

How can we integrate Google sign-in in Jetpack Compose?

Hi, why i can't receive any notification when state changed like this:

data class Question(var add: Boolean = true)

val testState = MutableLiveData<List<Question>>()
testState.value = listOf(Question(false))
val state = testState.observeAsState()
RedButton(
    text = state.value?.get(0)?.add?.toString() ?: "?",
    btnColor = Color.Red,
    modifier = Modifier.clickable {
        testState.value = testState.value.apply {
            this?.get(0)?.add = true
        }
    })

Does anyone know how fake/pass navController to make a preview for BottomNavigation?