Jetpack Compose中移除TextField内部内边距问题求助

你用modifier.padding(0.dp)无效是因为这个参数控制的是组件外部的内边距，而TextField文本区域的内部内边距是由其内置的装饰盒（Decoration Box）控制的，需要通过以下方式调整：

方案1：直接设置contentPadding参数 #

对于大多数Material/Material3的TextField，可以直接添加contentPadding参数将内部内边距设为0：

TextField(
    value = Dishcount,    
    onValueChange = { 
       if (it.text.isNotEmpty()) {
          val userInput = it.text.toIntOrNull()
          userInput?.let { input ->                
              if (input > 0) {
                  Dishcount = it                    
                  Dish.count = input
              } 
           }
       }
    },    
    keyboardOptions = KeyboardOptions.Default.copy(keyboardType = KeyboardType.Number),    
    modifier = Modifier.width(50.dp).fillMaxHeight(),
    colors = TextFieldDefaults.textFieldColors(backgroundColor = Color.Transparent),    
    textStyle = LocalTextStyle.current.copy(fontSize = 15.sp),
    contentPadding = PaddingValues(0.dp) // 关键：设置内部内边距为0
)

方案2：自定义装饰盒（针对Material2 TextField） #

如果方案1不生效，可能是Material2的TextField默认装饰盒有额外内边距，需要自定义decorationBox来覆盖：

TextField(
    value = Dishcount,
    onValueChange = { 
       if (it.text.isNotEmpty()) {
          val userInput = it.text.toIntOrNull()
          userInput?.let { input ->                
              if (input > 0) {
                  Dishcount = it                    
                  Dish.count = input
              } 
           }
       }
    },
    keyboardOptions = KeyboardOptions.Default.copy(keyboardType = KeyboardType.Number),
    modifier = Modifier.width(50.dp).fillMaxHeight(),
    colors = TextFieldDefaults.textFieldColors(backgroundColor = Color.Transparent),
    textStyle = LocalTextStyle.current.copy(fontSize = 15.sp),
    decorationBox = { innerTextField ->
        TextFieldDefaults.textFieldDecorationBox(
            value = Dishcount,
            innerTextField = innerTextField,
            enabled = true,
            singleLine = true, // 根据需求设置是否单行
            visualTransformation = VisualTransformation.None,
            contentPadding = PaddingValues(0.dp), // 强制设置内边距为0
            interactionSource = remember { MutableInteractionSource() },
            colors = TextFieldDefaults.textFieldColors(backgroundColor = Color.Transparent)
        )
    }
)

方案3：使用BasicTextField（完全自定义） #

如果需要彻底摆脱默认装饰的限制，改用BasicTextField——它没有默认内边距和装饰，完全由你控制：

BasicTextField(
    value = Dishcount,
    onValueChange = { 
       if (it.text.isNotEmpty()) {
          val userInput = it.text.toIntOrNull()
          userInput?.let { input ->                
              if (input > 0) {
                  Dishcount = it                    
                  Dish.count = input
              } 
           }
       }
    },
    keyboardOptions = KeyboardOptions.Default.copy(keyboardType = KeyboardType.Number),
    modifier = Modifier.width(50.dp).fillMaxHeight(),
    textStyle = LocalTextStyle.current.copy(fontSize = 15.sp),
    decorationBox = { innerTextField ->
        // 直接渲染文本，无任何额外内边距
        innerTextField()
    }
)

注意事项 #

• 如果需要保留光标、选中高亮等基础交互，BasicTextField也能支持，只需在decorationBox中添加对应逻辑即可。
• 若使用Material3，contentPadding参数同样适用，部分场景可能需要调整TextFieldDefaults.outlinedTextFieldContentPadding等默认值。

内容的提问来源于stack exchange，提问作者Pratyansh Maddheshia