I have a Card + Switch How do I handle the state so it toggl

Question

I have a Card + Switch How do I handle the state so it toggles on onClick of the Card and I can use an onCheckedChange correctly

jaqxues · Answer

Current solution ```fun SwitchPreference pref Preference lt Boolean gt text Composable gt Unit var switchedState = true var active by remember switchedState = false mutableStateOf pref getPref if active pref putPref active Card Modifier fillMaxWidth clickable onClick = active = active shape = RoundedCornerShape 8 dp Row Modifier padding 16 dp text Spacer Modifier weight 1f if switchedState pref putPref active Switch checked = active onCheckedChange = active = it ```

allan.conda · Answer

use `Modifier toggleable ` should be easier

jaqxues · Answer

on the card

allan.conda · Answer

replace clickable basically

allan.conda · Answer

removed switchState you don t need it

jaqxues · Answer

in that case if you click directly on the switch nothing happens

allan.conda · Answer

```var toggled by remember mutableStateOf true Modifier toggleable value = toggled onValueChange = toggled = it ```

jaqxues · Answer

mhm doesnt help a lot ig the clickable is even shorter tbh

allan.conda · Answer

actually you seems you don t need it Switch already has toggleable inside

allan.conda · Answer

```Card Modifier fillMaxWidth shape = RoundedCornerShape 8 dp Row Modifier padding 16 dp text Spacer Modifier weight 1f var toggle by remember mutableStateOf pref getPref Switch checked = active onCheckedChange = toggle = it pref putPref toggle ```

jaqxues · Answer

In that case the entire card is not clickable and you have to click exactly on the switch

jaqxues · Answer

``` Composable fun SwitchPreference pref Preference lt Boolean gt text Composable gt Unit var switchedState = true var active by remember switchedState = false mutableStateOf pref getPref Card Modifier fillMaxWidth toggleable active active = it shape = RoundedCornerShape 8 dp if switchedState pref putPref active Row Modifier padding 16 dp text Spacer Modifier weight 1f Switch checked = active onCheckedChange = active = it ```

jaqxues · Answer

ended up with this using and changing the state in both card and switch

allan.conda · Answer

try ``` var toggle by remember mutableStateOf pref getPref Card Modifier fillMaxWidth toggleable value = toggle toggle = it pref putPref toggle shape = RoundedCornerShape 8 dp Row Modifier padding 16 dp text Spacer Modifier weight 1f Switch checked = active onCheckedChange = toggle = it pref putPref toggle ```

allan.conda · Answer

I don t get this part of your code ```if switchedState pref putPref active ``` if it checks switched to true once it will never turn off

jaqxues · Answer

then i have 2 putPrefs in 2 different onToggle onCheckedChange

allan.conda · Answer

it should be fine your goal is that the card click and switch click works the same

jaqxues · Answer

switchedState is false for the initial value true when its switched the remember is only executed on initial composition

jaqxues · Answer

so any recomposition when active state changes will trigger switchedState to be true

jaqxues · Answer

yeah it works was just hoping for a more elegant solution

allan.conda · Answer

then that s worse it calls putPref on every recomposition

allan.conda · Answer

```var toggle by remember mutableStateOf pref getPref val onToggle = toggle = it pref putPref it Card Modifier fillMaxWidth toggleable value = toggle onToggle shape = RoundedCornerShape 8 dp Row Modifier padding 16 dp text Spacer Modifier weight 1f Switch checked = active onCheckedChange = onToggle ```

jaqxues · Answer

putPref should be executed on every recomposition recomposition means the active state is changed which is what i want

allan.conda · Answer

you shouldn t expect that the devs say recomposition can happen at any time you shouldn t trust it only happens when you change active

jaqxues · Answer

true Switching back to local functions then ig