5
5
.
.
1
1
.
.
3
3
.
.
c
c
l
l
i
i
p
p
I
I
n
n
f
f
o
o
.clip modifier adds Border to the View.
Syntax
import androidx.compose.ui.draw.clip
.clip(RoundedCornerShape(10.dp))
E
E
x
x
a
a
m
m
p
p
l
l
e
e
MainActivity.kt
package com.example.testcompose
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Text
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Surface
import androidx.compose.ui.*
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.setContent
import androidx.compose.ui.unit.dp
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Stack(Modifier.fillMaxSize()) {
Surface(
modifier = Modifier
.preferredSize(100.dp)
.align(Alignment.Center)
.clip(RoundedCornerShape(10.dp)),
color = Color.Red
) {
Text(text = "Some text goes here")
}
}
}
}
}
Output
