如何使Jetpack Compose中BasicTextField的光标居中？

Question

我有一个问题，我需要一个BasicTextField来自定义TextField以满足我的需求。

在这里，我已经尝试了自定义，但是在BasicTextField中存在光标问题，它不会居中对齐，而我需要的是居中对齐。

屏幕截图见链接。

期望效果： 我的代码如下：

BasicTextField(
    value = value,
    onValueChange = onValueChange,
    decorationBox = { innerTextField ->
        Column(
            modifier = Modifier
                .fillMaxWidth(),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            innerTextField()

            Space(height = 8.dp)

            Divider()
        }
    }
)

- Julsapargi Nursam

Answer 1

您可以将textAlign = TextAlign.Center应用于BasicTextField中的textStyle属性。

例如：

BasicTextField(
        value = text,
        onValueChange = { text = it },
        textStyle = LocalTextStyle.current.copy(textAlign = TextAlign.Center),
        decorationBox = { innerTextField ->
            Column(
                modifier = Modifier
                    .fillMaxWidth(),
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                innerTextField()
                Spacer(modifier = Modifier.height(8.dp))
                Divider()
            }
        }
    )

- Gabriele Mariotti