繁体   English   中英

Jetpack Compose NavHost 重组可多次组合

[英]Jetpack Compose NavHost recomposition composable multiple times

我发现可组合屏幕在从 Navhost compose 导航期间多次重组,以下示例显示了我如何将导航与日志集成以确定 function 被调用了多少次,

internal sealed class Screen(val route: String) {
  object Splash : Screen("splash")
  object Login : Screen("login")
  object Credentials : Screen("credentials/{type}") {
    fun createRoute(type: String) = "credentials/$type"
  }
}

@Composable
fun HostNavGraph(
  modifier: Modifier = Modifier,
  startDestination: String = Splash.route,
) {
  val navController = rememberNavController()
  val vm: CredentialsViewModel = getViewModel()
  NavHost(navController = navController, startDestination = startDestination, modifier = modifier) {
    composable(route = Splash.route) {
      Log.e("composable", " Splash")
      SplashScreen(openLogin = {
        navController.navigate(Login.route)
      }, openRegistration = { type ->
        navController.navigate(Credentials.createRoute(type))
      })
    }
    composable(route = Login.route) {
      Log.e("composable", " Login")
      val context = LocalContext.current
      LoginScreen(openRegistration = { type ->
        navController.navigate(Credentials.createRoute(type))
        {
          popUpTo(Splash.route) { inclusive = false }
        }

      }, openWebView = {
        openWebView(context, it)
      })
    }
    //..
  }
}

运行代码后,这就是打开 Splash 一次然后打开 LoginScreen 一次后导航的行为方式

15:05:14 E/composable:  Splash 
15:05:14 E/composable:  Splash 
15:05:25 E/composable:  Splash 
15:05:25 E/composable:  Login  
15:05:26 E/composable:  Splash 
15:05:26 E/composable:  Login  
15:05:26 E/composable:  Login  

我还尝试了一些带有导航组合的谷歌示例,它的行为方式相同,所以这是预期的行为吗? 或者这是一个错误
navigation_version = '2.4.0-alpha08'

我不确定,但我认为 NavHost 有一个内置动画,只要有过渡。 并且对于动画,重新合成可以像每一帧一样频繁地发生。

可组合函数可能会非常频繁地运行,就像动画的每一帧一样频繁。

** Android 撰写

这是 Android Compose 工作方式的一般性质。 一个可组合的在它发现有必要时重新组合它自己。 阅读文档以获取更多详细信息。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM