Блог

Я хочу отобразить выпадающее меню в своем приложении под верхней панелью приложений.

Когда я нажимаю выпадающее меню, отображается список, но при выборе элемента из списка ничего не происходит. Более того, выпадающее меню не сворачивается. Похоже, я больше не могу ни на что нажимать в приложении. Что я упускаю?

 val countriesList = mutableListOf<String>("India", "USA", "Canada", "Germany","Australia")



@Composable
fun CountrySelection() {

    // State variables
    var countryName: String by remember { mutableStateOf(countriesList[0]) }
    var expanded by remember { mutableStateOf(false)}

    Box(Modifier.fillMaxWidth(),contentAlignment = Alignment.Center) {
        Row(
            Modifier
                .padding(24.dp)
                .clickable {
                    expanded = !expanded
                }
                .padding(8.dp),
            horizontalArrangement = Arrangement.Center,
            verticalAlignment = Alignment.CenterVertically
        ) { // Anchor view
            Text(text = countryName,fontSize = 18.sp,modifier = Modifier.padding(end = 8.dp)) // Country name label
            Icon(imageVector = Icons.Filled.ArrowDropDown, contentDescription = "")

            //
            DropdownMenu(expanded = expanded, onDismissRequest = {
                expanded = false
            }) {
                countriesList.forEach{ country->
                    DropdownMenuItem(onClick = {
                        expanded = false
                        countryName = country
                    }) {
                        Text(text = country)
                    }
                }
            }
        }
    }
}