Is there a function or something to change the alpha variable of a

Color

? It is val so cannot be modified. To change it I had to create my custom extension function:

fun Color.updateAlpha(newAlpha: Float) =
    Color(red = red, blue = blue, green = green, colorSpace = colorSpace, alpha = newAlpha)

I struggle to achieve "complex" transition of my entities. I have a list of items, each of them having an "update cause". Depending on it, I have different transition to apply to the item's composable. So, I need to animate several values of different nature at the same time, the animation "spec" depending on "update cause". Both beginning and ending state depends on such state. I have a quick & dirty "working" impl (not smooth anim, not very nice code…) which I try to clean using

updateTransition

(doc) without a lot of success so far…

I have a box with a

.fillMaxWidth

modifier. In that box, I have another box and I want it to be the width of the parent box divided by 7. How can I get the width of the parent Box, or that .

fillMaxWidth

value?

Hey everyone! So I'm having this problem and I'm not sure what the "conventions" are in this situation, I was trying to create a range bar, a simplified version of which is this:

@Composable
fun SomeRangeBar(
    lower: Float,
    upper: Float,
    onLowerChanged: (Float) -> Unit,
    onUpperChanged: (Float) -> Unit,
    range: ClosedRange<Float>,
    modifier: Modifier = Modifier
) {
    Canvas(modifier = modifier.pointerInput(Unit) {
        detectHorizontalDragGestures {
            if (headToMove == Head.LOWER) {
                onLowerChanged(
                    newValue.coerceIn(range.start, upper)
                )
            } else {
                onUpperChanged(
                    newValue.coerceIn(lower, range.endInclusive)
                )
            }
        }
    }) {
    // drawing...
    }
}

@Composable
fun UseSomeRangeBar() {
    val lower by remember { mutableStateOf(25f) }
    val upper by remember { mutableStateOf(100f) }
    SomeRangeBar(
        lower = lower,
        upper = upper,
        onLowerChanged = { lower = it },
        onUpperChanged = { upper = it },
    )
}

The problem would be that, since the

pointerInput

closure survives recomposition and since it also captures the values of

lower

and

upper

then the values of

lower

and

upper

passed to

coerceIn

are always the initial lower and upper values, all subsequent values of

lower

and

upper

never make it to the lambda. A simple solution to this is to pass

MutableState<Float>

instead of

Float

as

lower

and

upper

and since

MutableState

is mutable lol, then updates to

lower

and

upper

make it to the closure:

@Composable
fun SomeRangeBar(
    lower: State<Float>,
    upper: State<Float>,
    //...
) {
//...
}

@Composable
fun UseSomeRangeBar() {
    val lower = remember { mutableStateOf(25f) }
    val upper = remember { mutableStateOf(100f) }
    SomeRangeBar(
        lower = lower,
        upper = upper,
        onLowerChanged = { lower.value = it },
        onUpperChanged = { upper.value = it },
    )
}

But I haven't seen anything like this in the available composables, what's the convention in such a situation?

Hi ! I'm writing a custom layout based on

ConstraintLayout

. More on thread

I am trying to set up two diffent layouts based on

ConstraintLayout

for portrait and landscape, but it does not apply any layout at all. More on thread

Is it possible to make a component that would receive a simple

content: @Composable () -> Unit

but then will wrap each child into another component?

This message was deleted.

Hey i tried to use the new SwipeRefresh. My LazyColumn uses SwipeToDismisswithin the rows. To show the dismiss animation, my viewModel hold a list of deleted items. Within the LazyColum i check, if my item is within the deletedItems list, than i will skip it in the LazyColumn. If i remove the item directly from the list or delete it in the db, the ui will be triggered from collectAsState on the itemsFlow. The deleted item is not in the list anymore... as a result, the item will instantly be invisible, no fadeOut, shrinkHorizontally... My current problem is, that SwipeRefresh won't let me "swipe" down anymore, if the first item is "deleted". Any ideas?

I have a Scaffold with a TopAppBar. How do you make the bar's background color go all the way to top edge of screen?

Has anyone able to use jetpack compose in

androidMain

source sets of a kotlin multi-platform project?

@cb I noticed that while using Coil in lazy list to load images if i use drawable instead of url then the performance is quite laggy . Is it loading image from url in background thread and from drawable resource in main thread???

When the

Text

beginning is

.

and

maxLines

is

2

, it is inconsistent with the display effect of Android. Is this intentional? As you can see, Annex 1 is the effect displayed by Android (expected), and Annex 2 is Compose.

How did the compose Material icons get compiled into

ImageVector

? Currently our design system are all

Painter

loaded from the vector drawables.

Is it just me or is Android Studio Canary 14 (latest) not suggesting any modifier methods to anyone else also ? I am having a hard time styling composables , I know just few of them on top of my head.

Is there any way to make compose not clip it's contents? I have this compsable inside a recycler view and yet clipChildren is set to false it clips the shadows. The layout bounds are the bounds of a whole composable and it seems to even clip them within a composable

Is there a way to draw multi-level menus with

DropdownMenu

(i.e. have `DropdownMenuItem`s open a sub-

DropdownMenu

) ?

I'd love to see this published 😍 https://android.googlesource.com/platform/frameworks/support/+/androidx-main/compose/material/material/icons/generator/src/main/kotlin/androidx/compose/material/icons/generator/ImageVectorGenerator.kt

Hi ! I'm have a strange issue with Android Studio (Arctic Fox). Yesterday I left my code without error, but when loading my project this afternoon, A.S reported plenty of errors (my code is unchanged). Did someone had this error and had a solution ? Also I can run my project on the device. Just an IDE error

It seems I am linking leaking memory in my

@Composable

, I know which part of code is responsible, but don't know exactly how to fix the issue. More on thread

Here’s a gist for an animated page indicator that may come in handy: https://gist.github.com/denis-ismailaj/521417c3e519032c6b4e5f49e8f3d5c8

I have a small Box in a big Box. The large Box has a width of

Modifier.fillMaxWidth

. The small Box has a width of

Modifier.fillMaxWidth(1 / 7f)

. Elsewhere in my code outside my Composable I am defining an animation. There, I need the offset of my small Box to be the same as its width. Is there any way to use

Modifier.fillMaxWidth

as a variable? If not, how can I get the right width for my offset?

Trying to update Compose from beta03 to beta05 and hitting the following Lint crash (inside the thread). Is it a known issue? What could be a problem?

Encountered a bug in beta05 where `Image`s don't recompose properly.

Call for mocks and use cases for screen level transition. 🙂 As we are building low level animation support for transition from screen to screen, we would love to support the use cases that you wish to build.😄 If you could add to the thread your use cases (preferably in video format, but static mocks + descriptions would do), we'll surely take them into consideration. 🙇

If I draw some dots on a Canvas with drawCircle, is there a way to put some shadows behind each dot? (I'm porting some iOS/CoreGraphics code, a scatter plot with shadows behind the points.)

Does anyone have a working solution to get around the compose kotlin version check that works in a .kts build file?

Does anyone know if the compose kotlin compiler plugin will remove code added by other plugins? Ex. In a irBlockBody a statement is added but then the compose compiler comes along and it don't see it after

Is there such thing as an absolute layout in Compose? Details in thread.