始终使用Jetpack Compose在Textfield中显示占位符和RTL输入 [英] Always display placeholder and RTL input in TextField with Jetpack Compose

问题描述

我希望占位符在我开始在字段中键入时不会消失，并且它应该在屏幕的左侧。 但文本输入和光标必须位于右侧。

屏幕截图中有一个示例。谢谢！

推荐答案

不是最佳解决方案，但它有效。

目前无法根据要求自定义placeholder。如果这是绝对要求，则必须创建完全自定义的TextField。

注意：。

1. 这不是占位符。
2. 文本的位置是绝对的，应根据TextField大小进行调整。

@Composable
fun FixedPlaceholder() {
    var name by remember { mutableStateOf("") }
    Box {
        OutlinedTextField(
            shape = MaterialTheme.shapes.medium,
            value = name,
            onValueChange = {
                name = it
            },
            singleLine = true,
            textStyle = LocalTextStyle.current.copy(
                textAlign = TextAlign.End,
            ),
            modifier = Modifier
                .fillMaxWidth()
                .padding(
                    horizontal = 16.dp,
                    vertical = 8.dp,
                ),
        )
        Text(
            text = "to",
            modifier = Modifier
                .fillMaxWidth()
                .padding(
                    start = 32.dp,
                    end = 32.dp,
                    top = 24.dp,
                    bottom = 8.dp
                ),
        )
    }
}

这篇关于始终使用Jetpack Compose在Textfield中显示占位符和RTL输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！