Jetpack Compose : 角丸をパーセントで指定する

RoundedCornerShape() には Int または Float でパーセントを指定することができます。

RoundedCornerShape(50) // 50dp ではなく、50% ということ

view plainprint?

1. @Composable  
2. fun Capsule() {  
3.     Text(  
4.         text = "Android",  
5.         modifier = Modifier  
6.             .padding(16.dp)  
7.             .background(  
8.                 color = Color.LightGray,  
9.                 shape = RoundedCornerShape(50)  
10.             )  
11.             .padding(vertical = 8.dp, horizontal = 16.dp)  
12.     )  
13. }  

@Composable fun Capsule() { Text( text = "Android", modifier = Modifier .padding(16.dp) .background( color = Color.LightGray, shape = RoundedCornerShape(50) ) .padding(vertical = 8.dp, horizontal = 16.dp) ) }