Managing Form State
Hold and update field values with state.
From One Field to a Form
A single text field is easy. A real form has several: name, email, password, maybe a checkbox. In this lesson you'll learn clean ways to hold and update the state for an entire form in Jetpack Compose.
Get this right and validation, submission and previews all become simple.
Several Independent States
The simplest approach: one mutableStateOf per field. Each field reads and updates its own piece of state.
This is perfectly fine for small forms with two or three fields.
@Composable
fun LoginForm() {
var email by remember { mutableStateOf("") }
var password by remember { mutableStateOf("") }
Column {
OutlinedTextField(email, { email = it }, label = { Text("Email") })
OutlinedTextField(password, { password = it }, label = { Text("Password") })
}
}All lessons in this course
- TextField and User Input
- Managing Form State
- Validating Input
- Keyboard Options and Actions