Android组合导航和ViewModel生命周期

原学程将引见Android组开导航以及ViewModel性命周期的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

我才方才开端作直。乍1瞅，对于我去说，它瞅起去便像是我爱好的SwiftUI的正本。但是当我开端真正应用它时，我很快便碰到了许多成绩。明显，我须要找到准确的方法去应用它以从中受害...

这是我的1个成绩。

package org.test.android.kotlin.compose.ui

import android.os.Bundle
import android.util.Log
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.Button
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.Dp
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewmodel.compose.viewModel
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.composable
import androidx.navigation.compose.rememberNavController
import org.test.android.kotlin.compose.ui.theme.MbiKtTheme

class MainActivity : ComponentActivity() {
 override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContent {
MbiKtTheme {
 val navController = rememberNavController()
 // <Edit #一>
 // Navigator.route.collectAsState("").value.takeIf { it.isNotEmpty() }?.also { navController.navigate(it) }
 // Navigator.route.observe(this, { route -> navController.navigate(route) })
 // </Edit #一>
 // <Edit #二>
 Navigator.route.collectAsState("").value.takeIf { it.isNotEmpty() }?.also { 
  navController.popBackStack()
  navController.navigate(it)
 }
 // </Edit #二>
 Surface(color = MaterialTheme.colors.background) {
  NavHost(
navController = navController,
startDestination = "setup"
  ) {
composable(route = "setup") {
 SetupScreen()
}
composable(route = "progress") {
 ProgressScreen()
}
  }
 }
}
  }
 }
}

// This is unnecessary here in this simple code fragment, but a MUST for large modular projects
object Navigator {
 // <Edit #一>
 val route = MutableSharedFlow<String>(0, 一, BufferOverflow.DROP_OLDEST)
 //val route: MutableLiveData<String> = MutableLiveData()
 // </Edit #一>
}

class SetupViewModel : ViewModel() {
 init {
  Log.d(toString(), "Create")
 }

 override fun onCleared() {
  Log.d(toString(), "Destroy")
 }

 override fun toString(): String {
  return "SetupViewModel"
 }
}

@Composable
fun SetupScreen(model: SetupViewModel = viewModel()) {
 Column(
  modifier = Modifier
.fillMaxSize()
.padding(all = Dp(8f))
 ) {
  Text(text = "Setup")
  Spacer(modifier = Modifier.weight(一f))
  Button(onClick = { Navigator.route.tryEmit("progress") }, modifier = Modifier.fillMaxWidth()) { Text(text = "Register") }
 }
}

class ProgressViewModel : ViewModel() {
 init {
  Log.d(toString(), "Created")
 }

 override fun onCleared() {
  Log.d(toString(), "Cleared")
 }

 override fun toString(): String {
  return "ProgressViewModel"
 }
}

@Composable
fun ProgressScreen(model: ProgressViewModel = viewModel()) {
 Column(
  modifier = Modifier
.fillMaxSize()
.padding(all = Dp(8f))
 ) {
  Text(text = "Progress")
  Spacer(modifier = Modifier.weight(一f))
  Button(onClick = { Navigator.route.tryEmit("setup") }, modifier = Modifier.fillMaxWidth()) { Text(text = "Abort") }
 }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
 MbiKtTheme {
  SetupScreen()
 }
}

我的实际固然要庞杂患上多，我尽了最年夜尽力将它尽量天简化，但是这曾经证实了我的成绩：

在二个屏幕(可分解的)之间导航并扭转屏幕

并在日记中检查去自二个望图模子的已创立/已烧毁新闻

起首：从1个屏幕导航到另外一个屏幕时决没有会挪用Debled(明显是由于运动坚持运动状况)，这在年夜型项目中是完整不克不及接收的

随后，只需您至多导航到另外一个屏幕1次(只需沉触按钮)，每一次屏幕扭转便会开端从新创立望图模子，这也是完整弗成接收的

我晓得Compose借没有老练(我曾经瞅到1些组件仍在Alpha&Quot；刊行版中)。是以，这能够是作文自己存留毛病。

或许这能够只是我对于怎样在年夜型以及模块化项目中应用Compose的懂得毛病...

有甚么设法主意吗？

(仅为完全起睹，我再次确认我应用的是一切实质确当前最新版原。)

编纂#一(二0二一/0九/0五)

多盈了这篇闭于我的1个成绩的文章(上面批评中的链交)，我修复了个中1个成绩：在扭转屏幕时没有再从新创立望图模子(依然出有线索，缘由是甚么)。

是以，剩下的成绩是望图模子出有遵守预期的性命周期。

编纂#二(二0二一/0九/一三)

多盈了上面的谜底(没有幸的是，我出有找就任何办法让它被接收-SF UI对于我去说依然有面没有清晰)，我可以或许真正使望图模子的性命周期按预期任务。

我方才禁用了背景客栈，这在我的运用法式中不管怎样皆是没有须要的(在UI以及下层模子之间形成了许多凌乱)功效...

推举谜底

每一次扭转屏幕时都邑从新死成完全的分解树，从setContent开端。

在源代码中，您在每一次从新组应时皆定阅Navigator.route.observe。而&修复&则是将LiveData或者Float转换为复开状况。您应用Flow+collectAsState完成了这1面，关于LiveData，1个相似的办法称为observeAsState。懂得有闭state in compose的更多信息。

所以，每一次您扭转装备时，navigate都邑被挪用。

navigate没有会应用新目的变动以后屏幕。相反，它会将新望图推送到客栈上。是以，每一次navigate，您都邑将1个新屏幕推到导航客栈上，并为其创立1个模子。当您在出有collectAsState的情形下扭转装备时，您会将另外一个屏幕推送到客栈上。在documentation中检查有闭撰写导航的更多信息。

您不妨应用NavOptionsBuilder变动此行动，比方：

navController.navigate(route) {
 if (route == "setup") {
  popUpTo("setup")
 }
}

当响应的望图分开导航客栈时，将开释望图模子。假如单打导航栏上的"上1步"按钮，叨教瞅到它已被开释。

附注：我小我发明Compose比SwiftUI更灵巧、更便利，虽然第1个稳固的版原1个月前才宣布。您只须要更佳天懂得它。

佳了闭于Android组开导航以及ViewModel性命周期的学程便到这里便停止了，愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野，更多技巧学程不妨在站内搜刮。