如何在聚焦时删除轮廓文本字段撰写的下划线？

Question

当我尝试在文本字段中输入一些输入时，它会绘制下划线，如何删除此下划线而不更改轮廓文本字段的任何颜色。

        OutlinedTextField(modifier = Modifier
        .fillMaxWidth()
        .padding(16.dp),value = password,
        onValueChange = {
        password = it},
        leadingIcon = { Icon(painter = painterResource(id = R.drawable.ic_baseline_vpn_key_24), contentDescription =  "icon-content")},
        trailingIcon = { IconButton(onClick = { passwordVisibility = !passwordVisibility }) {
            Icon(painter = icon, contentDescription = "show-password")
        }},
        placeholder = { Text(text = "Password",
        color = Color.LightGray)},
        label = { BasicText(text = "Password")},
        visualTransformation = if(passwordVisibility) VisualTransformation.None else PasswordVisualTransformation()
    )

Answer 1

您应该指定keyboardTypeasPassword来消除文本下划线。您可以使用以下方法来做到这一点KeyboardOptions：

OutlinedTextField(
    modifier = Modifier
        .fillMaxWidth()
        .padding(16.dp),
    value = password,
    onValueChange = { password = it },
    leadingIcon = {
        Icon(
            painter = painterResource(id = R.drawable.ic_baseline_vpn_key_24),
            contentDescription = "icon-content"
        )
    },
    trailingIcon = {
        IconButton(onClick = { passwordVisibility = !passwordVisibility }) {
            Icon(painter = icon, contentDescription = "show-password")
        }
    },
    placeholder = {
        Text(
            text = "Password",
            color = Color.LightGray
        )
    },
    label = { BasicText(text = "Password") },
    visualTransformation = if (passwordVisibility) VisualTransformation.None else PasswordVisualTransformation(),
    keyboardOptions = KeyboardOptions(
        keyboardType = KeyboardType.Password // HERE
    ),
)

这是关键的变化：

keyboardOptions = KeyboardOptions(
    keyboardType = KeyboardType.Password
)