526互联

Android开发 Jetpack Compose 导航

发布时间 2023-07-27 16:24:47作者: 观心静

前言

  此篇博客讲解Jetpack Compose的导航功能

  官方文档：https://developer.android.google.cn/jetpack/compose/navigation?hl=zh-cn

  参考

  https://www.jianshu.com/p/0f87a8d6ebcf

  

依赖

//jetpack compose导航
implementation("androidx.navigation:navigation-compose:2.5.3")

一个简单的例子

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
        AlphaNavigation()
    }
}

@Composable
fun AlphaNavigation() {
    val navController = rememberNavController()
    NavHost(navController = navController, startDestination = "Alpha") {
        composable("Alpha") { Alpha(navController) }
        composable("Guide") { Guide() }
    }
}

@Composable
fun Alpha(navController: NavController) {
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Image(
            painter = painterResource(id = R.drawable.ic_launcher_background),
            contentDescription = null
        )
    }
    LaunchedEffect(true) {
        delay(1000)
        //跳转
        navController.navigate("Guide")
    }
}

 

 

 

 

 

 

end