Does anyone from the compose team know if the new k2 compiler is supported? https://blog.jetbrains.com/kotlin/2022/08/kotlin-1-7-20-beta/

I wrote an article about a concept I discussed here with a few people some weeks ago, I hope it’s interesting to some of you 💙 https://dev.to/jamesmorrissey/velocity-based-animation-with-compose-538g Velocity Based Animation with Compose

Hi, I'm trying to implement a swipe refresh behaviour in the middle of the screen, where the screen as a whole needs to be scrollable. Since Accompanist swipe refresh requires its child to be scrollable and I want the whole page to move (scroll) at once, I couldn't think of a way for days now.

Column(
    Modifier
        .fillMaxSize()
        .verticalScroll(scrollState)
        .background(colorResource(id = R.color.colorBackground))
) {
           SwipeRefresh(state = swipeRefreshState, onRefresh = {
              scope.launch {
                pagingData.refresh()
                delay(TradeHistoryFragment.REFRESH_ATTEMPT_DELAY)
              }
        }) {
               Column(Modifier.fillMaxWidth().wrapContentHeight()) {

ModalBottomSheetLayout

sheetContent

never leaves composition. is tracking offset the only way to observe is it visible or not?

How would you expect this to function optimally? If items are reordered there must be some time where items are on top of each other no?

for context, I did not grant AS full disk access. only download and documents

I have a problem with slider and its

onValueChangedFinished

when use on slider with steps and snapping. It do not have a value parameter, so I am taking the parameter from my remembered field. The value that is stored in the moment of

onValueChangedFinished

is not the value that slider will snap to. It is the value from the moment I released the finger. I do not understand the point of this lambda and I do not know how to properly update the slider value, since I allow only these values from step point, not float from the middle. Code and example in the thread 🧵 👇

Why is my snackbar always calling Dismissed but never ActionPerformed?

scope.launch {
                        val snackbarResult = scaffoldState.snackbarHostState.showSnackbar(
                            "Grant permission to modify device audio",
                            actionLabel = "Settings"
                        )
                        when (snackbarResult) {
                            SnackbarResult.Dismissed -> Log.d("SnackbarDemo", "Dismissed")
                            SnackbarResult.ActionPerformed -> Log.d("SnackbarDemo", "Snackbar's button clicked")
                        }
                    }

I want to launch an Intent on the “Settings” label click but it calls Dismissed when I click the label of the SnackBar. What am I doing wrong? When is it calling ActionPerformed?

Hey guys, I asked this stack overflow but didn't get the answer. I am working on ripple effect in jetpack compose. I provide my color and after clicking on view it show some time correct color after that different type of color showing like dark grey on press state.

I think your best bet would just be to find a font that’s outlined like that. Here’s a few examples on Google Fonts https://fonts.google.com/?query=outline

You can use delay(Long) to delay a certain time. If I remember correctly, delay(Long) will cause other coroutines to immediately act like there was a delay.

I get "Skipped frames < 100" for some semi-heavy viewmodel operations, at least I think the reason is a viewmodel operation. I'm not sure, it also might be a light non-suspending function so I'm wondering if I should wrap every non-suspending viewmodel function into a coroutine?

fun someViewModelCall() {
    viewModelScope.launch(Dispatchers.Default) { // light stuff }
}

EDIT: Alternate question would be, if it is common that skipped frames happen ocasionally?

Hello everyone, When working with lists which need to look good on phones and tablets, which one is the best approach? • A

LazyColumn

for phone and a

LazyVerticalGrid

for tablets. • Just a

LazyVerticalGrid

with a different column value (1 for phones)

columns = GridCells.Fixed ()

Is there any way to slow down the animation speed of

LazyListState.animateScrollToItem

? I noticed that

ScrollableState.animateScrollBy

accepts an

animationSpec

but

animateScrollToItem

does not

How can I get the default colors for a Text label in an OutlinedTextField. I can't use

Text

and instead am required to use

CustomText

and so I need to pass in the colors. I thought

TextFieldDefaults.textFieldColors().labelColor()

would work.

label = { CustomText(
   text = labelText, 
   style = MyTextStyle.body,
   TextFieldDefaults.textFieldColors().labelColor(),
   )
},

Compose testing - views/recycling pagers - where each page has the same basic views but different content. I assume it's bad practice to use the Ids of semantics nodes to - for instance - assert that something that was displayed is no longer displayed... Or is it generally safe to use the Ids? Example: 1. Screen A has Title(

Text

with

testTag == "title"

) and Image (object with

stateDescription == "foo"

) 2. Swipe left to go to Screen B 3. Screen B has Title(

Text

with

testTag == "title"

) and Image (object with

stateDescription == "foo"

) So, how might one ensure that the swipe was successful (and finished)? How can we be confident we are seeing a new screen and we aren't accidentally still on Screen A? Note: We don't want to hardcode things such as "swiping from A to B means you first see 'Title A' and then you see 'Title B'", because we have many variants and many pages (not feasible to program everything through to "swiping from variantQ screen G takes you to variantQ screen H"). We just want to make sure that the user is able to swipe through all the pages (App Intro Slides) and then get to the app's home screen/activity at the end. We've found it's feasible to capture the node id of either the Title or the Image and then make sure we don't get the same node Id after the swipe...but it feels like the type of thing that would likely be discouraged. Any suggestions? Thanks for your time.

Same question I have

Is there any way to get image orientation? I need to show image in original orientation so not sure is it possible to detect it?

is there a way to specifically not decompose a particular item inside of a

LazyColumn

How would i let the row with the buttons match the width of the column without

fillMaxWidth()

because that would expand the column. The column doesn't have a fixed size. This is my code:

Box(propagateMinConstraints = true) {
                Column(Modifier.wrapContentWidth().padding(24.dp).background(Color.Green.copy(alpha = 0.5f))) {
                    Row(Modifier) {
                        CompositionLocalProvider(Material3TextStyle provides MaterialTheme3.typography.headlineMedium) {
                            title()
                        }
                    }
                    Spacer(Modifier.height(32.dp))

                    Box {
                        //rowConstraints = constraints
                        CompositionLocalProvider(Material3TextStyle provides MaterialTheme3.typography.bodyLarge) {
                            Column(verticalArrangement = Arrangement.Center) {
                                content()
                            }
                        }
                    }
                    Spacer(Modifier.height(32.dp))
                    Row(
                        Modifier.background(Color.Red.copy(alpha = 0.4f)),
                        horizontalArrangement = Arrangement.spacedBy(8.dp, Alignment.End)
                    ) {
                        dismissButton(scope)
                        confirmButton(scope)
                    }
                }
            }

Should you be collecting

SharedFlow/PublishSubject

in composable? When we talk about uni-directional data flow, aren't we deviating from it when we start collecting the

Shared/Publish

in an effect-handler or uni-directional flow just talks about events flowing from composable - up in the tree.

Keyboard ime does not change when focus is changed to another text field. For eaxample, There is A TextField whose ime is

Search

, and there is B TextField whose ime is

Next

. If you click A, ime is displayed as Search, but if you click B while the keyboard is shown, it is still

Search

ime. Is this Compose bug? or There any way to solve it?

About state hoisting, I have two questions: • When we build a simple screen, there will be a few states and few

onValueChange

, but when we build a complex screen, we will get a lot of states and lots of

onValueChange

, there will be many parameters for the composable method, is there any optimization we can do to reduce the parameters? • If we have

onValueChange

inside a very deep composable, it will pass all the way up to the top screen to actually handle the

onValueChange

, is there a better way to do it instead of passing it all the way up to the top screen?

hey guys since

derivedStateOf

should be always wrapped into

remember

, i decided to make this helper

@Composable
fun <T> rememberDerived(calculation: () -> T) = remember {
    derivedStateOf(calculation)
}

do you see any issues with it?

I love u!

I am using material navigation and bottomSheet composable in navGraph. Everything working ok so far, except one thing. The bottomSheet automatically closes when I navigate to another destination. I would like to keep it open (remember its state) when coming back to the screen with bottomSheet. Video and code in the 🧵 👇

i have weird behavior during developing compose app: sometimes resulted build doesn't correspond to recent source code, it rather takes some cached sources from the past (2-5 hours ago). when i rebuild it returns to normal. did anybody have such behavior? last time i saw similar bugs was 10 years ago on eclipse ide. i'm on AS canary btw

I’m trying to create a custom layout, where children are placed in a new line if the odd space isn’t enough. Its a similar approach like the FlowRow in accompanist. https://gist.github.com/thebino/2d7385d5b3e51c036fa1873bac7b7ac7

I’m trying to create a custom layout, where children are placed in a new line if the odd space isn’t enough. Its a similar approach like the FlowRow in accompanist. https://gist.github.com/thebino/2d7385d5b3e51c036fa1873bac7b7ac7