実際、秒、ってことないけども。
まあまあ簡単で見た目も綺麗にできます。
Jetpack Compose Material3 の ListItem を使います。
@Composable
fun ListItem(
headlineContent: @Composable () -> Unit,
modifier: Modifier = Modifier,
overlineContent: (@Composable () -> Unit)? = null,
supportingContent: (@Composable () -> Unit)? = null,
leadingContent: (@Composable () -> Unit)? = null,
trailingContent: (@Composable () -> Unit)? = null,
colors: ListItemColors = ListItemDefaults.colors(),
tonalElevation: Dp = ListItemDefaults.Elevation,
shadowElevation: Dp = ListItemDefaults.Elevation
): Unit
👉 androidx.compose.material3 | Android Developers
Card を利用して、設定項目をグループ分けします。
👉 Card | Jetpack Compose | Android Developers
以下のようなレイアウト構成。
SettingScreen
LazyColumn
Card - Group
ListItem - Clickable
ListItem - Switch
ListItem - Checkbox
Card
ListItem - Clickable
ListItem - Switch
ListItem - Checkbox
...
こう書けました。
こんな感じです。
Material3 って、今では結構使えるんですね!
