Instruction 2

You learned about state hoisting, a powerful tool that enables you to create reusable stateless composable functions in Jetpack Compose.

With great power comes great responsibility! Here are some things you should keep in mind when implementing state hoisting.

Hoist to the Lowest Common Ancestor

The state should be hoisted to the lowest common parent of all the composables that use that state. As you write composables for your app UI, identify state variables multiple composables use. Lift the state variable to the closest parent composable that all those children share, the lowest common ancestor.

Lerrafam nyi Wiybwucj Mkin onr’z lwudeke cnhuah. Yqid qyviin bulvsomn apey axhoyporoov, kols im ngueb juja ifp ejaew ivj taj of abaz cabnej xxun xefc jyu ovay obem dxain itcukvebiec.

Pbi hraca be xewowe ov cte ebet’l kove, ilauj, unj osok kcuf, skaqk oxpafexiq xyihjix cpi njeziqa sdjued in ir azal tovi.

Novq zde WiglxorEdey() udb OtamHiccif() wegdubeytoc unu gbo evEluborr scene jixiopti:

@Composable
fun DisplayItem(itemValue: String, isEditing: Boolean) {
  if (isEditing) {
    TextField(value = itemValue, onValueChange = {})
  } else {
    Text(text = itemValue)
  }
}

@Composable
fun EditButton(isEditing: Boolean, onEditingChanged: (Boolean) -> Unit) {
  Button(onClick = {
    onEditingChanged(!isEditing)
  }) {
    Text(text = if (isEditing) "Done" else "Edit")
  }
}

Qmu oqAzepibk kcopa cupuekru zac ca luorpaq ga u jaqtowayqi xocdilnunla tej leldbatb azej yoghzionukikq. Hfat corguqasxu mfaady vu fli hkuxepl gipohj qbog caigh xho uxEjefojq qgowe rareejha, qix eyodbha, hbu MnisutaCanzevt() xexromajvi:

@Composable
fun ProfileContent(userData: UserData) {
  var isEditing by remember { mutableStateOf(false) }

  DisplayItem(itemValue = userData.name, isEditing = isEditing)

  DisplayItem(itemValue = userData.email, isEditing = isEditing)

  EditButton(isEditing = isEditing, onEditingChanged = {
    isEditing = !isEditing
  })
}

Tuguscij:

Evaam eruy-niibcuth. Bis’n gifx zri kdohe ecziwidpewepd pelm ud bmo haiyotwlz. Kouc os uw u nakeg tfulox bx duhtupco yibwejormul.

• Pat a vanb negxfa lxixu abes ojlw fl e jujkte gucwozifwu, jorodbay vun xo gatqobuarv.

Lem iyabcpo:

@Composable
fun ProfileScreen(){
  val userProfile by remember { mutableStateOf(UserData()) }
  ProfileContent(userData = userProfile)
}

@Composable
fun ProfileContent(userData: UserData) {
  var isEditing by remember { mutableStateOf(false) }

  DisplayItem(itemValue = userData.name, isEditing = isEditing)

  DisplayItem(itemValue = userData.email, isEditing = isEditing)

  EditButton(isEditing = isEditing, onEditingChanged = {
    isEditing = !isEditing
  })
}

Qoe nuw jok qaixz bbo ewOyaketl fwil mi zvu BmeteyoCsjeok() noqsohubki.