I noticed that in dev11 there was cleanup in the `ContextDrawScope` and `clipRRect` was removed from...

# compose

[Vinay Gaba]

I noticed that in dev11 there was cleanup in the ContextDrawScope and clipRRect was removed from it. What’s the alternative if I want to clip a rect with rounded corners?

[Vinay Gaba]

This is how I was creating an Image with rounded corners in dev 10 - https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example/blob/master/app/src/main/java/com/example/jetpackcompose/image/ImageActivity.kt#L292

Update: This link points to code that has now been updated with the answer below. If you are still interested in what the code looked like in dev10, here’s the link - https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example/pull/35/files#diff-fbaf449692634088029172f4a1496f5eL292

[Vinay Gaba]

I was trying to update it to this in dev11 but I’m not seeing round corners. I’m probably using the API incorrectly

private data class RoundedCornerClipModifier() : DrawModifier {
    
    override fun ContentDrawScope.draw() {
        val shape = RoundedCornerShape(20.dp)
        clip(shape)
        drawContent()
    }
}

[Adam Powell]

@Nader Jawad

[Kazemihabib1996]

@Vinay Gaba

val RRectPath = Path().apply {
            addRRect(RRect(rect = Rect.fromCircle(Offset(100f, 100f), 100f),
                topLeft = Radius(10f, 10f),
                topRight = Radius(10f, 10f),
                bottomLeft = Radius(10f, 10f),
                bottomRight = Radius(10f, 10f)))
        }

        clipPath(RRectPath, ClipOp.intersect) {
            [e-mail]()
        }

[Vinay Gaba]

I was trying to avoid using Path to do this assuming that there was a better way to do it but maybe not 😅

[Kazemihabib1996]

val shape = RoundedCornerShape(20.dp)
clip(shape)

Here the clip is a modifier not a CanvasScope function

[Kazemihabib1996]

So the other solution might be:

[Kazemihabib1996]

fun Modifier.test(
   
): Modifier = composed {
    val shape = RoundedCornerShape(20.dp)
    clip(shape)
}

[Vinay Gaba]

amazing this works @Kazemihabib1996!
Wondering why what I posted above wasn’t working…

private data class RoundedCornerClipModifier() : DrawModifier {
    override fun ContentDrawScope.draw() {
        val shape = RoundedCornerShape(20.dp)
        clip(shape)
        drawContent()
    }
}

[Kazemihabib1996]

Because Modifier.clip(shape: Shape) is a modifier itself and just calling it in draw phase does nothing.
it just returns an instance of private data class SimpleDrawLayerModifier(...) .

[Adam Powell]

which kind of implies that maybe you can drop this custom modifier entirely and use the stock one 🙂

[Vinay Gaba]

ah got it! This makes sense after understanding the implementation details but not so much from a API surface point of view.

[Nader Jawad]

There are a few APIs that we are still working on supporting directly in the declarative API surface. If you find yourself needing something like clipRRect that aren't available, you can always use the drawCanvas call which provides a lambda with a canvas that you can drop into the lower level API.

[Vinay Gaba]

That’s a fair trade-off! Thanks everyone for your prompt responses 🙏🏼