Android Jetpack Compose Flowrow Вертикальный интервал

поэтому у меня есть Flowrow в джетпаке:

FlowRow(
                            horizontalArrangement = Arrangement.spacedBy(5.dp),
                            modifier = Modifier
                                .fillMaxWidth()
                                .padding(bottom = 10.dp),
                            verticalAlignment = Alignment.CenterVertically
                        ) {
                            WoodEssences.values.forEach() { essence ->
                                Box(
                                    modifier = Modifier
                                        .border(
                                            1.dp,
                                            Color.Gray,
                                            RoundedCornerShape(5.dp)
                                        )
                                        .padding(5.dp)
                                        .width(boxWidth)
                                ) {

                                    Row(
                                        verticalAlignment = Alignment.CenterVertically
                                    ) {
                                        Text(
                                            text = essence.letter_id,
                                            style = MaterialTheme.typography.bodyMedium,
                                            fontSize = 18.sp
                                        )
                                        Checkbox(
                                            checked = essenceCheckbox[essence.num_id]!!,
                                            onCheckedChange = {
                                                essenceCheckbox[essence.num_id] = it
                                            },
                                            colors = CheckboxDefaults
                                                .colors(
                                                    checkedColor = editIconColor
                                                )
                                        )
                                    }
                                }
                                Spacer(modifier = Modifier.width(5.dp))
                            }
                        }

Это дало мне такой результат:

Я хотел бы добавить интервал между каждой строкой, но не могу точно найти, как это сделать.

Кто-нибудь из вас может помочь мне с этим

Спасибо

0
0
121
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Мы можем попробовать обернуть коробку еще одной коробкой с верхним отступом.

 Box(modifier = Modifier.padding(top = 10.dp)) {
                Box(
                    modifier = Modifier
                        .border(
                            1.dp,
                            Color.Gray,
                            RoundedCornerShape(5.dp),
                        )
                        .padding(5.dp)
                        .width(120.dp),
                ) {
                  .......

Так просто, что еще раз доказываете, что когда вы слишком сосредоточены на проблеме, вы забываете о простых вещах, работаете как шарм, спасибо!!!

arist0v 20.05.2023 02:22

Другие вопросы по теме