主页 / coding / 问题 / 79200047
Accepted
Santhosh Kumar
Asked: 2024-11-18 21:09:58 +0800 CST

如何将嵌套的导航图屏幕视图模型共享到父导航图屏幕

  • 772

我正在使用 Jetpack Compose 和 Hilt 在嵌套导航设置中进行依赖注入。我需要在嵌套屏幕 (NestedHomeScreen) 及其父屏幕 (HomeScreen) 之间共享 ViewModel（具体来说，nested_home ViewModel）。这两个屏幕都是不同导航图的一部分，但我希望 HomeScreen 能够访问 NestedHomeScreen 中使用的相同 ViewModel 实例。

@Composable
fun MainNavGraph(navController: NavHostController) {
    NavHost(navController = navController, startDestination = "home") {
        composable("home") { HomeScreen(navController) }
        composable("profile") { ProfileScreen(navController) }
        composable("nested_container") { NestedContainerScreen(navController) }
    }
}


@Composable
fun NestedContainerScreen(navController: NavHostController) {
    // Create a nested NavController for the subgraph
    val nestedNavController = rememberNavController()

    // Nested NavHost as the subgraph
    NavHost(navController = nestedNavController, startDestination = "nested_home") {
        composable("nested_home") {
            NestedHomeScreen(nestedNavController)
        }
        composable("nested_detail/{id}") { backStackEntry ->
            val id = backStackEntry.arguments?.getString("id")
            NestedDetailScreen(id = id)
        }
    }
}


val nestedHomeViewModel : HomeViewModel = hiltViewModel()

//need to access it in parent nav host home screen

笔记：

  1. 不要使用全局范围 viewmodel 与父级 navhost 进行共享
  2. 不要使用导航子图
kotlin

1 个回答

  1. Best Answer

    NavBackStackEntry也是一个ViewModelStoreOwner存储 ViewModel 并使用它们作为String键返回相同 ViewModel 类的相同 ViewModel 的 。ViewModel 存储ViewModelStore在

    private val map = mutableMapOf<String, ViewModel>()

    如果您将您的范围ViewModel与父级一起，NavBackStackEntry您可以从多个图表或导航访问它。

    val parentBackStackEntry: NavBackStackEntry = navController.getBackStackEntry("home")

val nestedHomeViewModel : HomeViewModel = hiltViewModel(parentBackStackEntry)

    正如你所见，hiltViewModel 采用了LocalViewModelStoreOwner来自当前目的地的LocalViewModelStoreOwner.current

    @Composable
inline fun <reified VM : ViewModel> hiltViewModel(
    viewModelStoreOwner: ViewModelStoreOwner = checkNotNull(LocalViewModelStoreOwner.current) {
        "No ViewModelStoreOwner was provided via LocalViewModelStoreOwner"
    },
    key: String? = null
): VM {
    val factory = createHiltViewModelFactory(viewModelStoreOwner)
    return viewModel(viewModelStoreOwner, key, factory = factory)
}

    还请注意，getBackStackEntry如果未找到它会引发异常，因为您可能使用 try-catch，存储常量或使用类型安全导航来确保您访问父 NavBackStackEntry。

    • 1

相关问题