Jetpack Compose OutlinedTextField无法调整内部输入区与边框间距问题

Jetpack Compose 自带的OutlinedTextField默认内置了固定上下内边距，该设计是为了兼容提示文本、错误提示、字数计数等附属展示内容的展示空间，就算你没有配置这些附属内容，默认内边距也会生效，这就是输入区域和边框之间始终存在空白的核心原因。此外组件默认自带的最小高度约束，也会在文字尺寸较小时强制保留额外上下间距。

• 自定义内边距
  直接通过contentPadding参数调整上下间距，可根据自身需求指定上下padding的数值：

// Material2 版本写法
OutlinedTextField(
    value = yourText,
    onValueChange = { yourText = it },
    // 四个值分别对应左、上、右、下的内边距，可自行修改
    contentPadding = TextFieldDefaults.outlinedTextFieldContentPadding(
        top = 3.dp,
        bottom = 3.dp,
        start = 16.dp,
        end = 16.dp
    )
)

// Material3 版本写法
OutlinedTextField(
    value = yourText,
    onValueChange = { yourText = it },
    contentPadding = PaddingValues(vertical = 3.dp, horizontal = 16.dp)
)

• 移除默认最小高度约束
  如果调整内边距后依然存在多余空白，可通过defaultMinSize取消默认的最小高度限制：

OutlinedTextField(
    value = yourText,
    onValueChange = { yourText = it },
    modifier = Modifier.defaultMinSize(minHeight = 1.dp),
    contentPadding = PaddingValues(vertical = 3.dp, horizontal = 16.dp)
)

注意：如果你的输入框配置了悬浮Label（标签），不要把上下内边距设置得过小，否则会出现Label显示不全的问题。

内容的提问来源于stack exchange，提问作者V.Rashkov