Colton Idle
10/22/2024, 8:21 AMColton Idle
10/22/2024, 8:22 AMBasicTextField(
value = otpCode,
modifier = Modifier.focusRequester(focusRequester),
onValueChange = { newValue ->
if (newValue.length <= 6) {
update(newValue)
}
},
keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.NumberPassword)
) {
Row(horizontalArrangement = Arrangement.spacedBy(10.dp)) {
repeat(6) { index ->
val number =
when {
index >= otpCode.length -> ""
else -> otpCode[index].toString()
}
Column(
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.spacedBy(6.dp)
) {
Text(
text = number,
color = Color.White,
style = MaterialTheme.typography.titleLarge,
)
Box(
modifier = Modifier
.width(40.dp)
.height(2.dp)
.background(Color.White)
)
}
}
}
}
Zach Klippenstein (he/him) [MOD]
10/22/2024, 6:44 PMColton Idle
10/22/2024, 7:50 PM