底部导航Android喷气背包撰写问题

Question

以下是 BottomNav 实现的概述。该应用程序正确显示底部导航栏，但当选择某个项目时，它会多次调用NavHost。我看到Jetpack撰写样本 https://github.com/android/compose-samples/tree/main/Jetsnack 一个类似的问题。是否有任何解决方法可以避免多次Navhost调用？

@Composable
fun MainScreen() {
    val navController = rememberNavController()
    Scaffold(
        bottomBar = { BottomMenu(navController = navController) }
    ) {
        BottomNavGraphBar(navController = navController)
    }
}

// handling the click event

  BottomNavigationItem(
        
        onClick = {
            navController.navigate(screen.route) {
                popUpTo(navController.graph.findStartDestination().id)
                launchSingleTop = true
            }
        }
    )

//NavHost implementation
@Composable
fun BottomNavGraphBar(navController: NavHostController) {
    NavHost(
        navController = navController,
        startDestination = Screen.Home.route
    ) {
        composable(route = Screen.Home.route) {
            Log.d("BottomNavGraph","BottomNavGraph->HomeScreen")
            HomeScreen()
        }
        composable(route = Screen.Settings.route) {
            Log.d("BottomNavGraph","BottomNavGraph->AppSettingsScreen")
            AppSettingsScreen()
        }
        composable(route = Screen.Profile.route) {
            Log.d("BottomNavGraph","BottomNavGraph->ProfileScreen")
            ProfileScreen()
        }
    }
}

<!---LogCat-->
// When app is launched
BottomNavGraph->HomeScreen
BottomNavGraph->HomeScreen
// clicked on the profile.
BottomNavGraph->HomeScreen
BottomNavGraph->ProfileScreen
BottomNavGraph->HomeScreen
BottomNavGraph->ProfileScreen

Answer 1

Compose可以（并且将根据多种情况）调用可组合函数来“重新组合”它们。尽管它是智能的，并且可以缓存可组合函数的输出以用于其先前的输入，因此它不必重新计算其结果（例如，它们发出的UI）。

在您的示例中，可组合（...）{...}可能会被重新组合，但如果您在其中使用可组合（如一些Texts），它将使用其上次渲染中的缓存。

你不必担心你的函数被调用，但你必须处理好你的计算。这就是为什么您希望使用“记住”来计算某些内容并将其存储在缓存中，以便不再重新计算。