Card(
modifier = Modifier.fillMaxWidth()
) {
Row(
modifier = Modifier
// Makes the entire row the toggle target
.toggleable(
value = isChecked,
onValueChange = { isChecked = it },
role = Role.Switch
)
.padding(16.dp)
) {
Text("Enable Feature", Modifier.weight(1f))
// Switch is visual only; its state is controlled by the Row.
Switch(
checked = isChecked,
onCheckedChange = null // CRUCIAL: Prevents double-toggling
)
}
}
Card(
onClick = { isChecked = !isChecked } // Handles row click
) {
Row {
Text("Enable Feature", Modifier.weight(1f))
Switch(
checked = isChecked,
onCheckedChange = { isChecked = it } // Handles switch click
)
}
}
instead of