Padding and Margin In Jetpack Compose | Set Padding & Margin #3
n Kotlin Jetpack Compose, padding and margin can be applied to composables to control the spacing around and between them. Here's how you can use padding and margin:
Padding: Padding adds space around the content of a composable. You can specify padding using the Modifier.padding() function. You can specify padding values for all sides or individually for each side.
Box(
modifier = Modifier
.padding(16.dp) // Add 16dp padding to all sides
) {
// Your content goes here
}
You can also specify padding for individual sides:
Box(
modifier = Modifier
.padding(start = 16.dp, top = 8.dp, end = 16.dp, bottom = 8.dp)
// Add padding individually
) {
// Your content goes here
}
Margin: Margin adds space around the outside of a composable. You can specify margin using the Modifier.padding() function. Similar to padding, you can specify margin values for all sides or individually for each side.
Box(
modifier = Modifier
.padding(16.dp) // Add 16dp margin to all sides
) {
// Your content goes here
}
You can also specify margin for individual sides:
Box(
modifier = Modifier
.padding(start = 16.dp, top = 8.dp, end = 16.dp, bottom = 8.dp) // Add margin individually
) {
// Your content goes here
}
These padding and margin modifiers can be applied to any composable in Jetpack Compose, allowing you to control the spacing between elements in your UI.
Source Code- https://github.com/Dilipkumarromi/and...
Android Full Stack
• Playlist