Changing the jetpack compose remember variable from within another function

Question

I am developing an application for android devices, using the jetpack compose library.

Example I created inside a compose function

var taskVeriable = remember {mutableStateOf("Hello World")}

I need to update the value of variable from another compose function. Is there any way to achieve this?

@Composable
fun TestComposeA(){

var taskVeriable = remember {mutableStateOf("Hello World")}

TestComposeB(taskVeriable)

}

@Composable
fun TestComposeB(taskVeriable : String){
taskVeriable = "New Value"
}

I want to know if there is a way to do this.

Aerodynamics

Answer 1

You can pass mutable state and change it value later:

@Composable
fun TestComposeA(){

val taskVeriable = remember {mutableStateOf("Hello World")}

TestComposeB(taskVeriable)

}

@Composable
fun TestComposeB(taskVeriable : MutableState<String>){
taskVeriable.value = "New Value"
}

Sampler

Answer 2

You can pass a function that changes your state. This might help you:

@Composable
fun CompA() {
    var text by remember { mutableStateOf("") }

    CompB(
        text = text,
        onChange = { newText ->
            text = newText
        }
    )
}

@Composable
fun CompB(
    text: String,
    onChange: (String) -> Unit
) {
    TextField(value = text, onValueChange = { onChange(it) })
}

Khorma

This is the recommended way of doing this in Jetpack Compose as it follows the unidirectional data flow pattern. – Chellman