如何去除文本按钮的填充？ [英] How to remove padding from Text button?

问题描述

我正在尝试从TextButton中删除填充，但不起作用。

TextButton(
    onClick = {},
    modifier = Modifier.padding(0.dp)
) {
    Text(
        " ${getString(R.string.terms_and_conditions)}",
        color = MaterialTheme.colors.primary,
        fontFamily = FontFamily(Font(R.font.poppins_regular)),
        fontSize = 10.sp,
    )
}

我也尝试设置height和size中的size属性，但填充仍然存在

推荐答案

不能使用padding修饰符减少填充：tt总是在现有填充上添加额外的填充。有关修饰符顺序的更多详细信息，请参阅this reply。

您可以通过指定PaddingValues(0.dp)来使用contentPadding参数减少TextButton填充，但这不会完全删除填充。

如果需要完全删除填充，可以使用clickable修饰符：

Text(
    "getString(R.string.terms_and_conditions",
    color = MaterialTheme.colors.primary,
    fontFamily = FontFamily(Font(R.font.neris_semi_bold)),
    fontSize = 10.sp,
    modifier = Modifier
        .clickable {
            // onClick()
        }
)

如果您想要更改涟漪的颜色，如TextButton中所述，可以按如下步骤操作：

.clickable(
    interactionSource = remember { MutableInteractionSource() },
    indication = rememberRipple(color = MaterialTheme.colors.primary),
) {
    
}

这篇关于如何去除文本按钮的填充？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！