我想在我的应用程序中的 TopAppBar 下显示一个下拉菜单。
当我单击下拉菜单时,会显示列表,但当我从列表中选择项目时没有任何反应。此外,下拉菜单不会折叠。我似乎无法再点击应用程序中的任何内容。我缺少什么?
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, …Run Code Online (Sandbox Code Playgroud) 从导航图中调用以下函数。
@Composable
fun InformationScreen(
) {
Scaffold(
topBar = {
Box(modifier = Modifier.fillMaxWidth()) {
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
IconButton(
onClick = { /*...*/ },
modifier = Modifier
.padding(horizontal = 20.dp, vertical = 20.dp)
.fillMaxWidth()
) {
Icon(
Icons.Filled.Close,
contentDescription = stringResource(id = R.string.close),
modifier = Modifier.align(Alignment.CenterEnd)
)
}
}
}
},
content = { innerPadding ->//}
}
Run Code Online (Sandbox Code Playgroud)
我应该为此撰写功能添加主题吗?如何应用它并确保应用程序这些不会改变?谢谢