注意：v2.2.0开始可用

如果你自动导入依赖失败，请下载aar文件并手动导入

• SimonCityPicker-2.3.0.aar
• 并且引入依赖
• implementation "androidx.compose.material3:material3:1.0.0"
• implementation "org.jetbrains.kotlinx:kotlinx-serialization-json:1.0.0"

基于JetpackCompose的省市县级联选择器

环境

• 环境:
  • material3:1.0.0
  • compose:1.2.0
  • kotlinx-serialization-json:1.3.2

实现思路

1.从 JSON 文件中加载和解析数据，提供省、市、区数据。

2.利用状态管理和LazyListState实现三级联动

3.使用JetpackCompose等处理交互逻辑

使用方式

setting.gradle

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
    }
}

build.gradle(:app)

    implementation 'com.github.simonniex:SimonCityPicker:2.2.0'

YourActivity

SimonCityPicker(
    context = context,
    isCity = isCity,
    onCitySelected = { city ->
        selectedCity=city
        isCity = false
    }
)

案例

val context = LocalContext.current
var selectedCity by remember { mutableStateOf("请选择城市") }
var isCity by remember { mutableStateOf(false) }
Row(
    horizontalArrangement = Arrangement.Center,
    modifier = Modifier.fillMaxWidth().padding(100.dp)
) {
    TextButton(modifier = Modifier.background(Color.Gray),onClick = {
        isCity = true
    }){
        Text(selectedCity)
    }
}
SimonCityPicker(
    context = context,
    isCity = isCity,
    onCitySelected = { city ->
        selectedCity=city
        isCity = false
    }
)

效果展示