[Jetpack Compose] clip 먹히지 않을때

# material3 기반임!!!

 

Button을 그냥 두기 밑Button을 그냥 두기 밋밋해서 round 처리를 하고 싶었는데,

 

 Button(onClick = {
                /* 두 번째 버튼 클릭 처리 */
            },
                modifier = Modifier
                    .fillMaxWidth() // 버튼 너비를 화면에 맞추기
                    .height(100.dp)
                    .border(2.dp, Color.Black)
                    .clip(RoundedCornerShape(40.dp)),
                colors = androidx.compose.material3.ButtonDefaults.buttonColors(
                    containerColor = Color.Transparent, // 버튼 배경색
                    contentColor = Color.Black // 버튼 텍스트 색상
                )


            ){
                Text("-")
            }

 

이렇게 하니 안되더라...

 

그래서 구글링하니 border를 뒤에 뒤고 clip을 앞에 두라고 하더라....

 

Button(onClick = {
                /* 두 번째 버튼 클릭 처리 */
            },
                modifier = Modifier
                    .fillMaxWidth() // 버튼 너비를 화면에 맞추기
                    .height(100.dp)
                    .clip(RoundedCornerShape(40.dp))
                    .border(2.dp, Color.Black),
                colors = androidx.compose.material3.ButtonDefaults.buttonColors(
                    containerColor = Color.Transparent, // 버튼 배경색
                    contentColor = Color.Black // 버튼 텍스트 색상
                )


            ){
                Text("-")
            }

 

 

근데 안되더라...

 

그래서 생각을 해보니 border가 주어졌는데 저기 안에서 굴리면 되지 않을까라고 생각했다.

 

Button(onClick = {
                /* 두 번째 버튼 클릭 처리 */
            },
                modifier = Modifier
                    .fillMaxWidth() // 버튼 너비를 화면에 맞추기
                    .height(100.dp) // 버튼 높이 설정
                    .border(2.dp, Color.Black, RoundedCornerShape(40.dp)),
                colors = androidx.compose.material3.ButtonDefaults.buttonColors(
                    containerColor = Color.Transparent, // 버튼 배경색
                    contentColor = Color.Black // 버튼 텍스트 색상
                )
            ){
                Text("+")
            }

 

이 안에 코드에서 

 

.border(2.dp, Color.Black, RoundedCornerShape(40.dp)),

 

이렇게 처리하면 자연스럽게 나오더라 괜히 고생했네ㅋ