[versions]
agp = "8.6.0"
kotlin = "1.9.0"
coreKtx = "1.10.1"
junit = "4.13.2"
junitVersion = "1.1.5"
espressoCore = "3.5.1"
lifecycleRuntimeKtx = "2.6.1"
activityCompose = "1.8.0"
composeBom = "2024.04.01"
navHost = "2.8.0"
kotlinxSerializationJson = "1.6.3"
androidxLifecycle = "2.8.5"
[libraries]
androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
junit = { group = "junit", name = "junit", version.ref = "junit" }
androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
androidx-ui = { group = "androidx.compose.ui", name = "ui" }
androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
androidx-material3 = { group = "androidx.compose.material3", name = "material3" }
// Navigation
androidx-navigation = { group = "androidx.navigation", name = "navigation-compose",version.ref = "navHost" }
// 序列化包
kotlinx-serialization-json = { group = "org.jetbrains.kotlinx", name = "kotlinx-serialization-json", version.ref = "kotlinxSerializationJson" }
androidx-lifecycle-viewModelCompose = { group = "androidx.lifecycle", name = "lifecycle-viewmodel-compose", version.ref = "androidxLifecycle" }
[plugins]
android-application = { id = "com.android.application", version.ref = "agp" }
kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
// 序列化插件
kotlin-serialization = { id = "org.jetbrains.kotlin.plugin.serialization", version.ref = "kotlin" }
// 参数序列化
@Serializable
data class HomeRoute(val name: String)
@Serializable
data class SettingRoute(val userId: String)
@Serializable
object ConfigDialog
@Composable
fun MainHost(modifier: Modifier) {
Box(modifier = modifier.fillMaxSize()) {
val navController = rememberNavController()
NavHost(navController = navController,
// 开始入口
startDestination = HomeRoute(name = "Kim"),
// 进入动画
enterTransition = {
slideInHorizontally(animationSpec = tween(300))
},
// 移除动画
exitTransition = {
slideOutHorizontally(animationSpec = tween(300))
}) {
// Home界面
composable<HomeRoute> { backStackEntry ->
// 获取上一个界面返回的参数
val homeRoute: HomeRoute = backStackEntry.toRoute()
HomeScreenHost(route = homeRoute, onNavSetting = {
// 传入下一个界面的参数
navController.navigate(route = SettingRoute(userId = "UserId1"))
}, configDialog = {
navController.navigate(route = ConfigDialog)
})
}
// 设置界面
composable<SettingRoute> {
SettingScreenHost {
// 返回上一界面并带参数
navController.navigate(route = HomeRoute("Devi"))
}
}
// 配置Dialog
dialog<ConfigDialog> {
ConfigDialogHost()
}
}
}
}
@Composable
private fun HomeScreenHost(
route: HomeRoute,
onNavSetting: () -> Unit,
configDialog: () -> Unit
) {
Column(modifier = Modifier.fillMaxSize()) {
Text(text = route.name)
Button(onClick = onNavSetting) {
Text("Go Setting")
}
Button(onClick = configDialog) {
Text("Config Dialog")
}
}
}
@Composable
private fun SettingScreenHost(onNavSetting: () -> Unit) {
val settingViewModel = viewModel(SettingViewModel::class.java)
Column(modifier = Modifier.fillMaxSize()) {
// 获取传入的参数并显示
Text(text = "Get UserId = ${settingViewModel.getUserId()}")
Button(onClick = onNavSetting) {
Text("Back To User")
}
}
}
@Composable
private fun ConfigDialogHost() {
Column(
modifier = Modifier
.fillMaxSize()
.background(Color.White)
) {
Text("Config Dialog")
}
}