I have a row of 3 buttons, but in some locales the...

# compose

[Luka]

I have a row of 3 buttons, but in some locales the text of the third button gets displayed strangely. Is it possible to move the third button in the new row if the text of the third button does not fit?

Row(modifier = modifier) {
        Box(
            modifier = Modifier.clickable { onConfirmClicked.invoke() },
            contentAlignment = Alignment.CenterStart
        ) {
            Text(
                text = stringResource(id = R.string.confirm), textAlign = TextAlign.Left,
                fontWeight = FontWeight.Medium,
                fontSize = 16.sp,
                color = colorResource(id = R.color.red)
            )
        }
        Box(
            modifier = Modifier
                .padding(start = 32.dp)
                .clickable { onRemoveClicked.invoke() },
        ) {
            Text(
                text = stringResource(id = R.string.dont_repeat),
                fontWeight = FontWeight.Medium,
                fontSize = 16.sp,
                color = colorResource(id = R.color.red_clickable_link)
            )
        }
        if (showEditButton) {
            Box(
                modifier = Modifier
                    .padding(start = 32.dp)
                    .clickable { onEditClicked.invoke() },
            ) {
                Text(
                    text = stringResource(id = R.string.edit),
                    fontWeight = FontWeight.Medium,
                    fontSize = 16.sp,
                    color = colorResource(id = R.color.red_clickable_link)
                )
            }
        }
    }

[Csaba Kozák]

You can use FlowRow for this purpose: https://google.github.io/accompanist/flowlayout/

[Luka]

I was looking at LazyVerticalGrid, but i guess your option is more safe (== wont be removed in future releases)
Thanks