Jetpack Compose自定义TextField：按需显示前置图标并消除占位空间

你的问题出在leadingIcon的赋值方式上：原代码里即使不显示图标，leadingIcon的lambda仍会被执行，TextField会默认给这个区域预留空间。要实现无图标时文本从开头显示，只需直接控制leadingIcon参数的取值——不需要图标时传null即可。

修改后的代码如下：

@Composable
fun CustomTextField(iconRequired: Boolean) {
    TextField(
        value = "username",
        onValueChange = {},
        leadingIcon = if (iconRequired) {
            { Icon(imageVector = Icons.Filled.Search, contentDescription = "搜索图标") }
        } else {
            null
        }
    )
}

原理说明：

• 当iconRequired为true时，传入包含图标的Composable lambda，TextField正常显示前置图标并预留对应空间
• 当iconRequired为false时，将leadingIcon设为null，TextField不会为前置图标区域预留任何空间，文本内容自然从开头对齐

内容的提问来源于stack exchange，提问作者Sudarshan Bhatt