How can I add a good looking fling behaviour to the red rect? All I see is the velocity tracker returning nonsense values (most of the times) - what am I missing?

Question about handling events in Compose and best practices. Reading this article it's recommended not to use channel but rather a state to handle events in Compose, mainly because

Channel

doesn't guarantee delivery in some cases. But is it a bad practice to separate the event class from the ui state class? I've attached an example. Mainly because I don't think a ui event should trigger the re-composition of ui state rendered by compose, the

OneShotEventEffect

would just re-compose itself. Or are we supposed to have the entire state of the ui in a single class?

Is anyone subclassing

Paragraph

?

class MyParagraph: Paragraph {...}

If so, can you share a bit more about what you're doing and why you chose not to wrap it?

class MyParagraphWrapper(val paragraph: Paragraph)

Hello. Maybe this question is already asked but really want to see how other people manage this. I need access to navcontroller deep down in child component. I do not want to do react thing “props drill” and that every piece of app knows for navcontroller event it does not need it. Is there any better approach to pass navcontroller deep down? Local composition?

Hi all, How can I create custom snack bar which used in scaffold? details in thread.

I'm using a LazyColumn to display a list of videos but it loses its scroll position when navigating away from it to another screen. If i remove the loading indicator item then it remembers the scroll position properly

LazyColumn(
        modifier = Modifier
            .fillMaxSize()
            .padding(horizontal = 14.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(videoListItems) { video ->
            if (video == null) return@items

            VideoCard(
                video = video,
                onClick = { onClickVideo(video.id) },
                onClickChannel = { onClickChannel(video.author!!.id) }
            )
        }

        item {
            videoListItems.loadState.apply {
                when (append) {
                    is LoadState.Loading -> {
                        CircularProgressIndicator(modifier = Modifier.padding(4.dp))
                    }
                    is LoadState.Error -> {
                        (append as LoadState.Error).error.printStackTrace()

                        Text("An error has occurred")
                    }
                    else -> Unit
                }
            }
        }
    }

I'm using the sample BottomNavigation bar and it's items like such:

BottomNavigation {
        items.forEachIndexed { index, item ->
            BottomNavigationItem(
                icon = { Icon(Icons.Filled.Favorite, contentDescription = null) },
                label = { Text(item) },
                selected = selectedItem == index,
                onClick = { selectedItem = index }
)}}

but on samsung devices (which are typically "zoomed in" out of the box) the text and icon overlap. If I try to increase the icon size (or add padding) then it grows larger than the bottomBar can support and so my icons are cut off. Surprisingly the BottomNavigationBar doesn't grow in height to support the larger text size or icon size. Is there any "right" way to fix this or should I look to implement an autosize text for the tab text?

Reading about Compose Phases, I’m not sure about one thing. How does Scrollable list states avoid causing a recomposition (just remeasure/redraw)? I’m reading the source and saw a lot of mutableStates to track the scroll state, which should trigger recomposition in my understanding. But it seems to just call

remeasure

instead. Is there an optimization happening somewhere for scrolling?

I want to get the size of a composable I’m currently in, is there a way to do this “inline” without doing something that moves this to the next frame? Say I got a state like this

var width by remember { mutableStateOf(0f) } // 0f or 0 or 0.dp not sure what I need yet
var height by remember { mutableStateOf(0f) }

Canvas can get you a size but can only set it on the next frame to the local state as I understand.

Canvas(Modifier.fillMaxSize()) {
  width = this.size.width
  height = this.size.height
}

OnGloballyPositioned also on the next frame

.onGloballyPositioned { it.size.height | width }

BoxWithConstraints uses subcomposition. My use case is trying to get the bounds of my Canvas in order to animate something that’s moving inside of it and make sure it’s not going outside. What other options do I have? Or is getting it from canvas and saving it to a local state the way to go? Also what if I was not using a Canvas anyway, what other alternatives are there?

Is there a dropdown spinner, showing the currently selected option when collapsed and with an expand/collapse arrow?

Any modifier for hold element?

combinedClickable()

have onClick/onDouble/onLong but dont have onHold

Hi all I am collecting flow in compose using collectAsState() But don't know how to make it lifecycle aware or collectAsState() is already lifecycle aware. In compose screen

val isAlarmOn by viewModel.alarmBtnState.collectAsState()

In ViewModel

val alarmBtnState = isAlarmActivated(Unit).map {
    it.successOr(DEF_VAL_ALARM_ACTIVATED)
}.stateIn(viewModelScope, WhileViewSubscribed, DEF_VAL_ALARM_ACTIVATED)

I understand that animating insertions/deletions into a

LazyList

is still under development, but what's the recommendation for animating insertions/deletions into a regular

Column

or

Row

?

Hi Guys! Any news about composable function references in kotlin?

hey guys is it possible to use

compose.material

and

compose.material3

in same project (same screen)?

🔥 https://twitter.com/JorgeCastilloPr/status/1552169372193538049

Hi, How can I use the

liveLiterals

plugin option? When I try to apply it, I get this error: Multiple values are not allowed for plugin option androidx.compose.compiler.plugins.kotlin:liveLiterals.

freeCompilerArgs += [
        "-P",
        "plugin:androidx.compose.compiler.plugins.kotlin:liveLiterals=false"
]

I’m using

compose-hilt-navigation

and in one of the screens i’m using BackHandler(onBack = someCall). Somecall is not getting called any idea? inshort: back handler is not working

Do we have any official or decent flow layout libraries in compose? I remember there used to be

FlowRow/Column

but they aren’t available anymore.

Compose 1.2 is stable https://android-developers.googleblog.com/2022/07/jetpack-compose-1-2-is-now-stable.html

Are

ArrowCircleLeft

and

ArrowCircleRight

icons missing from Android Compose? I use all 4 of them (left, top, right, bottom) in my Kotlin Multiplatform app for Android and JVM. Android Studio show no error, the JVM app compile and run just fine, but the Android app fail to compile because I get an unresolved reference for left and right arrows

I like how compose compiler made a huge jump from 1.3.0 beta 1 to 1.3.0 rc 1

Couldn't find an answer by searching,, was

repeatOnLifecycle

removed from

lifecycle-runtime-ktx

? I'm looking to solve an issue where we need link

produceState

based on lifecycle events within a composable function.

Somewhat related follow-up question to the above: what would be the best way have a suspend fun called on each

Lifecycle.State.RESUMED

? I tried this which was posted before on similar threads but it seems because

produceState

conflates

value

, only the first value causes recomposition. So, on the first resume, we see the value, on the second (if it is the same) we see nothing. Ideally, we'd want to see it on every

RESUMED

even if it is the same.

Hi Folks! We Android Devs @MutualMobile are back again with a new Pixel-Perfect Compose Project after the Slack android clone, We present #Discord #jetpackcompose clone, It's a but here's a sneak peek. https://github.com/Anmol92verma/DiscordJetpackCompose

Is it a good practice passing

ModalBottomSheetState

to ViewModel?

I'm trying to use ComposeUI Multiplatform with Kotlin

1.7.10

, but the latest version uses

1.7.0

. Is there a way to achieve this? I heard about setting the compiler version for Jetpack Compose, I don't know if it is applicable to JB Compose. Slack Conversation

Hi Guys. Is there any way to detect when bottom sheet is dismissed? For now I subscribe to navController’s current back stack entry flow inside bottom sheet, but it feels like hacky solution.

LaunchedEffect(Unit) {
  navController.currentBackStackEntryFlow
    .filter { it.destination.route == parentRoute }
    .collect { onClose() }
}

How can I use scroll behavior for a top app bar and also the pull to refresh accompanist library together?

Is there any known issue with

accompanist-navigation-animation

and rotation, I observe that the obtained

viewmodel

leaks when transitions between screens, when each screen forces certain orientation. Sample code in thread.