如何删除 Android Jetpack Compose 中 Text Composable 的默认垂直填充?

问题描述 投票:0回答:1

可组合文本有垂直填充,如下所示

enter image description here

为了删除文本的垂直填充,我尝试修改我的代码,但不起作用。

            Text(
                text = "2",
                fontSize = 100.sp,
==================
Case 1.
                modifier = Modifier.padding(0.dp),      ## First thing I tried, but not working.

==================
Case 2.
                style = LocalTextStyle.current.merge(   ## Second, but also not working.
                    TextStyle(
                        fontSize = 100.sp,
                        // lineHeight = 2.5.em,
                        lineHeightStyle = LineHeightStyle(
                            alignment = LineHeightStyle.Alignment.Bottom,
                            trim = LineHeightStyle.Trim.LastLineBottom,
                        ),
                    ),
                )

            ) // The end of the Text()

这些案例不起作用。

我想删除该文本可组合项的填充,并导致填充为 0。

======已编辑======

另外,我在@Preview函数中进行了测试

@Preview
@Composable
fun PreviewText100sp() {
    Text(
        "100",
        fontSize = 100.sp
    )
}

但是,Text() 似乎仍然具有如下所示的垂直填充。

enter image description here

android text android-jetpack-compose padding
1个回答
1
投票

使用

wrapContentSize(unbounded = true)
作为文本的修饰符

或者您也可以使用自定义行高,这样 -

style = MaterialTheme.typography.titleSmall.copy(
    lineHeight = 14.sp,  // Here line height
)

更新:

    Text(
        text = "Sample text",
        fontSize = 16.sp,
        style = TextStyle(
            platformStyle = PlatformTextStyle(
                includeFontPadding = false
            )
        ),
        textAlign = TextAlign.Center,
        modifier = Modifier
            .fillMaxWidth()
    )
© www.soinside.com 2019 - 2024. All rights reserved.