I'm playing with Clip and Draw components can someone explain me why this doesn't produce a rounded shape rectangle?

Container(width = 400.dp, height = 400.dp) {

Clip(shape = RoundedCornerShape(20.dp)) {

Draw { canvas, parentsize ->

val outer = Rect(10f, 10f, 100f, 100f)

canvas.drawRect(outer, paint)

}

}

}

I’m guessing it’s because

Clip

uses its parent’s bounds, not its child: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1581336136434700?thread_ts=1581040037.376000&cid=CJLTWPH7S

Yes, you are right

Surface(color = Color.Blue) {
        Container(width = 200.dp, height = 200.dp) {
            Clip(shape = RoundedCornerShape(10.dp)) {
                Draw { canvas, parentsize ->
            val outer = Rect.fromCircle(Offset(200f, 200f), radius = 100f)
                    canvas.drawRect(outer, paint)
                }
            }
        }
    }

produces the below image