在多模块应用中使用navigation不知不觉都是这么用

https://www.youtube.com/watch?v=lv1raAvwcgI&t=318s

省流总结:

假设我们有主模块 app, 功能模块 featureA, featureB,

featureA中有 screen1, screen2

featureB中有 screen3, screen4

核心common模块定义了Route1->screen1,Route2->screen2,Route3->screen3.....

如果在screen3 中要跳转到A中的screen1

有时候代码会是这样

@Composable
fun Screen3(
    navController: NavController,
    modifier: Modifier = Modifier
) {
    Box(
        modifier = Modifier
            .fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Button(
                onClick = {navController.navigate(Route.Screen1)}    
        ) {
            Text("Go to Screen 1")
        }
    }
}

我们把导航逻辑写到模块中带来的问题是,

如果我现在单独使用 featureB,但是featureB中因为导航的这个逻辑,又要不得不去关联featureA。

所以,需要把导航的逻辑到需要通过lambda来提升到外部去

@Composable
fun ScreenA(
    onButtonClick: () -> Unit,
    modifier: Modifier = Modifier
) {
    Box(
        modifier = Modifier
            .fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Button(
            onClick = onButtonClick //抛出导航逻辑
        ) {
            Text("Go to Screen 1")
        }
    }
}

所有的逻辑写在应用nav模块中

 NavigationMultiModulePrepTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    val navController = rememberNavController()
                    NavHost(
                        navController = navController,
                        startDestination = Route.ScreenA
                    ) {
                        composable<Route.Screen1> {
                            Screen1(
                                onButtonClick = {
                                    navController.navigate(Route.Screen3)
                                }
                            )
                        }
                        composable<Route.Screen2> {
                            Screen2(
                                onButtonClick = {
                                    navController.navigate(Route.Screen3)
                                }
                            )
                        }
                        composable<Route.Screen3> {
                            Screen3(
                                onButtonClick = {
                                    navController.navigate(Route.Screen1) {
                                        popUpTo<Route.Screen3> {
                                            inclusive = true
                                        }
                                    }
                                }
                            )
                        }
                    }
                }
            }

所以,我们不该在内部的功能部分看到navigate的导航逻辑

再进一步的话,可以把点击事件,转换成 事件 发送出去,再总的导航模块来处理具体的 导航事件

参考,更早的导航说明

关于compose中的navigation-优快云博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值