JetPack Compose: Как сделать пользовательское текстовое поле? ⇐ Android

[Anonymous]

Я пытаюсь разработать строку поиска, такую ​​как строка поиска Google с уменьшенной высотой, но текст ввода и текст заполнителя обрезаются. < /p>

Код: Выделить всё

@Composable
fun SearchInput1(
modifier: Modifier = Modifier,
text: String,
onTextChanged: (String) -> Unit,
onBackClick: () -> Unit
) {
OutlinedTextField(
value = text,
onValueChange = onTextChanged,
placeholder = {
Text(
text = "검색어를 입력해주세요.",
color = Gray400,
style = Typography.titleMedium
)
},
modifier = Modifier
.border(1.dp, color = Gray400, shape = RoundedCornerShape(28.dp))
.height(41.dp)
.width(316.dp),
shape = RoundedCornerShape(28.dp), // 완전 둥글게
colors = OutlinedTextFieldDefaults.colors(
focusedBorderColor = Color.Transparent,
unfocusedBorderColor = Color.Transparent,
focusedContainerColor = Color.White,
unfocusedContainerColor = Color.White
),
singleLine = true,
textStyle = Typography.titleMedium,
)

}

Вот как это выглядит:


Подробнее здесь: https://stackoverflow.com/questions/795 ... -textfield