I'm trying to follow the examples in here <https://developer.android.com/jetpack/compose/state> ```v...

# compose

[Jason Inbody]

I'm trying to follow the examples in here https://developer.android.com/jetpack/compose/state

var signInState by rememberSaveable { mutableStateOf("login") }
if(signInState == "login") {
    Login(state = signInState)
}

I want to switch states by clicking the button like below

@Composable
fun Login(state: String) {
            TextButton(
                onClick = { state = "signup" },
                colors = ButtonDefaults.textButtonColors(
                    backgroundColor = Color(0x00FFFFFF),
                    contentColor = Color.White,
                    disabledContentColor = Color(0x00FFFFFF),
                ),
            ) {
                Text("Create Account")
            }
}

and then I get an error on

onClick = { state = "signup" },

that says Val cannot be reassigned

[itnoles]

you could do

fun Login(state: String, onStateChange: (String) -> Unit) {}

[dbaelz]

Yes, you try to reassign the argument handed over to the functions. That's not possible in Kotlin.

[Jason Inbody]

Yea i was reading the docs and it looks like function args are val's and aren't mutable

[dbaelz]

Ah as @itnoles answered a little faster. use a callback to to change your state. The example in the state hoisting doc might be a good starting point https://developer.android.com/jetpack/compose/state#state-hoisting

[Jason Inbody]

oh ok I see now

onStateChange = { signInState = it }

is the callback which I run on button click

onClick = { onStateChange("signup") }

[itnoles]

why not

onClick = onStateChange

?

[Jason Inbody]

I'm using the string state to switch between a login/signup/password reset view

var signInState by rememberSaveable { mutableStateOf("login") }
if(signInState == "login") {
    Login(onStateChange = { signInState = it })
}else if(signInState == "signup"){
    Signup(onStateChange = { signInState = it })
}else if(signInState == "forgot"){
    ForgotPassword(onStateChange = { signInState = it })
}

Am I able to set the string another way? Other than

onClick = { onStateChange("forgot") },

[itnoles]

Login(onStateChange = { signInState = "signup" })