The application slows down greatly when using LazyVerticalGrid !!! I replace the LazyVerticalGrid with LazyColumn and It works smoothly as it suppose to be. I use :

androidx.compose.ui:ui:1.3.0-alpha01
even with version 1.2.0-rc03 I face same problem

Is there a way to get the color resulting from a source color and a given elevation level in material3 (compose)?

Is there a way to style separate parts of the text in a TextField? If I try to do a visual transformation and create a new annotated string with separate color of different parts of the string it doesn’t do anything 🤔 ?

so i have a pretty basic misunderstanding towards how state is used inside of an Activity, I have the following:

class MainActivity @Inject constructor() : ComponentActivity() {

    private val viewModel: MainViewModel by viewModels()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            if (viewModel.uiState.collectAsState().value.authenticated) {
                Home()
            } else {
                Authentication()
            }
        }
    }
}

this

authenticated

field is going to change to

true

or

false

inside the viewModel depending if the user is authenticated or not the above code will first come up with false for that field, showing the Authentication composable and then the change will happen triggering the recomposition and then it will come up with true and show the Home composable how do I

listen

to changes for that field, is the above even correct or how things should be done?

My App looks like this:

Theme -> ModalBottomSheetLayout -> Scaffold(bottomBar, topBar) -> NavHost

. I use the same

TopBar

to prevent flickering. I was now wondering how I can propagate click events down to the correct screen that is currently displayed with

NavHost

. To use the good old todo example: When the user clicks a note they enter the

EditNoteScreen

. The

SmallAppTopBar

checks if the current route is

edit-note

and if so, adds an action to delete the note. However, the press happens on the TopBar level which is "more upwards" then the

EditNoteScreen

. And only the ViewModel of that screen knows the current note that gets edited. The toplevel that contains the

Theme -> ... -> Scaffold

does not even have a ViewModel. Until now it has been completely dump.

I want to use debounce here , to just put few time delay, what is the best way for this,

how do I listen to a mutableStateFlow object from an Activity? I only want the activity to act on it if it has changed into something other than the default value

Hi everyone ! Im using the compose metrics and I get the following declare class: What is mean my class is stable but includes unstable fields? How is it effect? Is it effect if the function that uses this class be considers as skippable or not only? Is it ok to put “stable” annotation on class that includes unstable fields?

stable class ProViewModelItem {
  unstable val profileImage: ImageDescriptor?
  unstable val coverImage: ImageDescriptor?
  stable val numReviews: Int
  stable val reviewRating: Float
} 

This is how I declare this class:
@Stable
class ProViewModelItem(
    id: String?, title: String?,
    val profileImage: ImageDescriptor? = null,
    val coverImage: ImageDescriptor? = null,
    val numReviews: Int = 0,
    val reviewRating: Float = 0f,
) : HomeFeedViewModelItem(id, title)

Can this kind of interface marked as @Immutable?

interface ColorSpec {
    @Composable
    operator fun invoke(): Color

    companion object {
        fun fromColor(lightVariant: Color, darkVariant: Color): ColorSpec = object : ColorSpec {
            @Composable
            override fun invoke(): Color = if (Theme.isDarkTheme) darkVariant else lightVariant
        }
    }
}

With Navigation Compose. When I select a tab, and follow the documentation, I do this:

popUpTo(navController.graph.findStartDestination().id) {
    saveState = true
}

as a result, my tab's ViewModels is not cleared when switching tabs. That's good. But let's say the user now logs out and I want to clear this ViewModel after all. How do I do so? Popping all screens from the backstack will clear all their ViewModels, but this screen is not in the backstack anymore.

Will there be any updates to the Jetpack Compose Roadmap? Last Updated: February 9, 2022

Any tips on how to force the BottomSheetModal to expand to full and disable half expand?

I'm trying to figure out how to use

VelocityTracker::calculateVelocity

to determine whether complete the swipe at the end of a drag gesture or not. I just don't understand why it returns velocities with opposite signs upon very similar drag gestures...

Out of curiosity, is

testTag

used only for testing? Is it included in production code or is it somehow removed?

Can this simple nested

Row

composable be done better? I'm also asking because I coudn't access the nested weight and had to use

fillMaxWidth(fraction = 0.Xf)

instead. Without the nested Row, I'm not able to fix the position of the second

Spacer

at ~0.7f. The second Spacer should look like it is horizontally aligned to

Start

. Screenshot -> in Thread.

I'm using the code from this video to load some info about items when they're shown on the screen. When I do this I get a warning from the IDE. Ideas on the correct way to do this?

Hi everyone, I have a Column that has several views in it, and one LazyColumn with a fixed size. Sometimes the scroll has a strange behavior, it jumps to the top or the bottom of the parent Column. Does anyone knows if there is a way to solve this issue?

In my

Composable

, I have a

NumberPicker

(traditional

View

) If I want to make `NumberPicker`'s font the same as `Compose`'s, how can I do that?

Is there anything special about

Scaffold

? I always compared it to

AppBarLayout

but it seems that it is OK to nest

Scaffolds

. Even Now In Android does it. https://github.com/android/nowinandroid. It

Scaffold

just a special kind of

Column

following some Material design parameters?

Hi! Is there any way to get Compose previews with Compose Ui version 1.2.0-rc03? I have tried to update all compose libraries by checking advices in stackoverflow and this channel, but nothing really helped. Only turning back to stable 1.1.1 version seemed as an option so far, but can’t use that because of methods that are being used in higher versions.😑

How can I disable

HorizontalPager

scroll (via

userScrollEnabled

) when the user started a

LazyColumn

scroll (and vice versa)? Do I need to write a complex

NestedScrollConnection

?

So, it is a feature or a bug that in

ComposeTest

the lifecycle aware composer is replaced with one controlled by the test? As far as I can tell, this makes it such that things aren't disposed when they would be outside a test environment, and it's causing us memory leaks in the test. More details in the thread.

Is it possible to pass an argument when navigating to a separate NavGraph route? I’d ideally like to have something as follows:

navigation(
        route = "routeToNavigateTo",
        startDestination = "startDestination/{argument}"
    ) {
        composable(route = "startDestination/{argument}" ... ) { ... }
    }

Hello! Is there a way to press the back button while running a test?

This Katalog library looks nice for building Compose Component catalog preview Apps; but it doesn't support Multiplatform - is anyone aware of a similar project that does?

Hi everyone, I have a notification list like this All I need is: When user clicks any item that has a blue dot , it should be hidden without making any refresh call to my API again. I use compose and paging3 compose so I need to update a single object in the paging source easily.

How can I align a

Text

to the start of the

Text

as label in a

TextField

?

@Composable
fun SomeTextField(
    label: String,
) {

    TextField(
        label = {
            Text( // text label here
                text = label
            )
        }
    )

    Text("Here is an error text") // align this to start where the text label starts
}

🤔

Did the scrolling of LazyColumn get weird with compose

1.3.0-alpha01

? It looks to me like the Android 12 overscroll effect is active in all directions rather than just vertically?

Is there any trick or way to use nested navigation with some sharable UI content ? Fir example in my case I want all the :

policyGraph()
contactUsGraph()
aboutUsGraph()
conditionOfUseGraph()

share the same "Custom Parent Layout" but the other graphs do not share that layout ?