Нарисуйте две кнопки подряд с помощью Jetpack Compose

#android #android-button #android-jetpack-compose

Вопрос:

Я хочу иметь две кнопки в a Row , как на картинке, но в своем коде я установил определенную горизонтальную настройку, и это не будет хорошо смотреться на других устройствах

 Row(
        horizontalArrangement = Arrangement.spacedBy(170.dp),
        modifier = Modifier.fillMaxWidth()
    ) {
        Button(
            onClick = { /*TODO*/ },
        ) {
            Text(
                modifier = Modifier.padding(8.dp),
                text = "Send Email",
                style = TextStyle(fontSize = 15.sp)
            )
        }
        Button(
            onClick = { /*TODO*/ },
        ) {
            Text(
                modifier = Modifier.padding(8.dp),
                text = "Call",
                style = TextStyle(fontSize = 15.sp)
            )
        }
    }
 

введите описание изображения здесь

Ответ №1:

Вы можете использовать horizontalArrangement = Arrangement.SpaceBetween :

Что-то вроде:

  Row(
        horizontalArrangement = Arrangement.SpaceBetween,
        modifier = Modifier.fillMaxWidth().padding(8.dp)
    ) {
        Button( onClick = { /*TODO*/ }){
            Text(
                text = "Send Email",
                style = TextStyle(fontSize = 15.sp)
            )
        }
        Button( onClick = { /*TODO*/ }) {
            Text(
                text = "Call",
                style = TextStyle(fontSize = 15.sp)
            )
        }
    }
 

![введите описание изображения здесь

Комментарии:

1. Что, если мы добавим еще одну кнопку посередине; как мы можем гарантировать, что первая кнопка-это НАЧАЛО, вторая-в ЦЕНТРЕ, а третья-в КОНЦЕ?