android jetpack compose flowrow垂直间距

snz8szmq  于 2023-05-21  发布在  Android
关注(0)|答案(1)|浏览(218)

所以我有一个Flowrow在Jetpack合成:

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))
                            }
                        }

这给了我这个结果:

我想在每一行之间增加一个间距但是找不到确切的方法。
你们谁能帮帮我
谢谢你

qij5mzcb

qij5mzcb1#

我们可以试着用一个以上的盒子来 Package 这个盒子

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

相关问题