8

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.

2 Answers 2

10

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"
}
Sign up to request clarification or add additional context in comments.

Comments

8

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) })
}

1 Comment

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.