I'm trying out <animation-codelab>. In last chapter <Gesture Animation>. Swipe behavior doesn't work...

# compose

[aniruddha dhamal]

I'm trying out animation-codelab. In last chapter Gesture Animation. Swipe behavior doesn't work when Modifier is applied on Surface but works when it's applied on the Row itself. What could be the issue?

[aniruddha dhamal]

Code snippet ::

@Composable
private fun TaskRow(task: String, onRemove: () -> Unit) {
    Surface(
        modifier = Modifier
            .fillMaxWidth()
            .swipeToDismiss(onRemove), // Doesn't work
        elevation = 2.dp
    ) {
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp),
                //.swipeToDismiss(onRemove), // Works when applied on Row
        ) {
            ...

[tad]

Surface is probably eating the gesture events. Try wrapping it in a Box with the modifier.

[tad]

I get why they changed the onClick handling for Surface, but it's leading to a fractured API where we have to know to handle particular layouts differently instead of slapping Modifiers on them like every other layout.

[aniruddha dhamal]

Wrapping Row in Box works but not with wrapping Surface.
When should we use Box vs Surface? Surface provides benefit of color n contentColor. Does Box also provide that?

[tad]

You can provide it yourself:

CompositionLocalProvider(LocalContentColor provides myColor) { content() }

[aniruddha dhamal]

Got it! We need to manually add it.