A [Modifier] that positions the content in a layout such that the distance from the top of the layout to the [baseline of the first line of text in the content][FirstBaseline] is [top], and the distance from the [baseline of the last line of text in the content][LastBaseline] to the bottom of the layout is [bottom].
PaddingFromBaselineSampleDp
@Composable
fun PaddingFromBaselineSampleDp() {
// We want to have 30.dp distance from the top of the layout box to the baseline of the
// first line of text, and a 40.dp distance from the bottom of the layout box to the baseline
// of the last line of text. Note it is good practice to specify these distances in sp for font
// scaling, which can be done with the other overload.
val distanceToFirstBaseline = 30.dp
val distanceFromLastBaseline = 40.dp
Text(
text = "This line has the first baseline.\nThis line has the last baseline.",
modifier = Modifier.paddingFromBaseline(distanceToFirstBaseline, distanceFromLastBaseline),
)
}
PaddingFromBaselineSampleTextUnit
@Composable
fun PaddingFromBaselineSampleTextUnit() {
// We want to have 30.sp distance from the top of the layout box to the baseline of the
// first line of text, and a 40.sp distance from the bottom of the layout box to the baseline
// of the last line of text.
val distanceToFirstBaseline = 30.sp
val distanceFromLastBaseline = 40.sp
Text(
text = "This line has the first baseline.\nThis line has the last baseline.",
modifier = Modifier.paddingFromBaseline(distanceToFirstBaseline, distanceFromLastBaseline),
)
}