如何在ListItem中添加垂直分隔线

Question

如何在

headlineContent

中的

trailingContent

和

ListItem()

之间添加垂直分隔线，就像 jetpack compose 中的 this

Answer 1

我认为您正在寻找的是

[Divider][1]

我不确定

ListItem

是什么，但我将尝试使用 Jetpack Compose 从您的图像重新创建视图

可以使用以下内容重新创建此项目

@Composable
fun ItemRowWithSwitch(enabled: Boolean = false, modifier: Modifier = Modifier) {
   var checked by rememberSaveable { mutableStateOf(enabled) }
   Row(
      modifier = modifier
         .fillMaxWidth()
   ) {
      Column {
         Text(text = "Wireless debugging")
         Text(text = "Debug mode when Wi-Fi is connected")
      }
      Spacer(modifier = Modifier.weight(1f))
      Divider()
      Switch(
         checked = checked,
         onCheckedChange = {
            checked = it
         }
      )
   }
}