Не вижу содержимого выпадающего меню ⇐ Android

[Anonymous]

Я пытаюсь создать компонент пользовательского интерфейса, поэтому, когда я нажимаю кнопку «Вложения», должно появиться раскрывающееся меню и отобразиться элементы раскрывающегося меню. Я хочу, чтобы раскрывающееся меню появлялось как «выпадающее» меню, то есть при щелчке по значку вместо отображения меню вниз я хочу отображать меню вверх. Но когда я это сделал, элементы внутри раскрывающегося меню не отображаются.
Это фрагменты кода моего раскрывающегося меню и то, где оно используется->
@Composable
fun AttachmentsDropDownMenu(
modifier: Modifier = Modifier,
state: MessageScreenState,
action: (MessageScreenAction) -> Unit
){

val buttonHeight = 48.dp // Height of your button
val dropdownHeight = 120.dp // Approximate height of your dropdown

// Dropdown Menu
DropdownMenu(
expanded = state.showAttachmentDropDown,
onDismissRequest = { action(MessageScreenAction.onHideAttachmentDropDownMenu) },
modifier = modifier.offset(y = -dropdownHeight - buttonHeight) // Shift above the button
) {
DropdownMenuItem(
onClick = { action(MessageScreenAction.onHideAttachmentDropDownMenu) },
text = { Text(text = "Photo")}
)

DropdownMenuItem(
onClick = { action(MessageScreenAction.onHideAttachmentDropDownMenu) },
text = { Text(text = "Video")}
)

DropdownMenuItem(
onClick = { action(MessageScreenAction.onHideAttachmentDropDownMenu)},
text = { Text(text = "Document")}
)
}

}

Здесь используется раскрывающееся меню:
@Composable
fun MessagesScreen(
modifier: Modifier = Modifier,
id: Int,
state: MessageScreenState,
onActions: (MessageScreenAction) -> Unit
){
Scaffold(
modifier = modifier
.fillMaxSize()
) {innerPadding->
Column (
modifier = Modifier
.padding(innerPadding)
){
LazyColumn(
modifier = Modifier
.fillMaxSize()
.weight(1f)
) {
items((1..100).toList()){
Text(text = "item ${it}")

}

}

//For reply
Row (
modifier = Modifier
.padding(8.dp)
.fillMaxWidth()
.wrapContentHeight(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically
){
Row (
modifier = Modifier
.height(50.dp)
.weight(1f)
.clip(RoundedCornerShape(32.dp))
.background(Color.LightGray),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically
){
Icon(
imageVector = ImageVector.vectorResource(id = R.drawable.mood_24dp_5f6368_fill0_wght400_grad0_opsz24),
contentDescription = "emojis",
modifier = Modifier
.padding(start = 8.dp)
.clickable {
//TODO DO SOMETHING to show emojis
}
.size(30.dp)
)
//Reply text message
Box(
modifier = Modifier
.padding(horizontal = 8.dp)
.weight(1f)
) {
// Placeholder Text
if (state.replyMessage.isEmpty()) {
Text(
text = "Enter your message here...",
style = TextStyle(color = Color.Gray)
)
}

// BasicTextField
BasicTextField(
value = state.replyMessage,
onValueChange = {
onActions(MessageScreenAction.onReplyMessageChange(it))
},
modifier = Modifier.fillMaxWidth()
)
}
Icon(
imageVector = ImageVector.vectorResource(id = R.drawable.attachment) ,
contentDescription = "attachment",
modifier = Modifier
.padding(end = 8.dp)
.clickable {
//TODO DO SOMETHING about sharing attachments
onActions(MessageScreenAction.onShowAttachmentDropDownMenu)

}
.size(30.dp)
)

Icon(
imageVector = ImageVector.vectorResource(id = R.drawable.baseline_camera_alt_24),
contentDescription = "camera",
modifier = Modifier
.padding(end = 8.dp)
.clickable {
//TODO DO SOMETHING about camera feature
}
.size(30.dp)
)

}
Spacer(modifier = Modifier.width(8.dp))
Box(modifier = Modifier
.size(50.dp)
.clip(CircleShape)
.background(Color.Green)
.clickable {
//TODO implement the audio recording button when there is no message typed
},
contentAlignment = Alignment.Center

){
Icon(
imageVector = if (state.replyMessage == "") ImageVector.vectorResource(id = R.drawable.baseline_mic_24) else ImageVector.vectorResource(
id = R.drawable.send_24dp_5f6368_fill0_wght400_grad0_opsz24
),
contentDescription = if (state.replyMessage == "") "Mic" else "Send",
modifier = Modifier
.size(40.dp)
)
}
}
// Attachments Dropdown Menu
if (state.showAttachmentDropDown) {
AttachmentsDropDownMenu(
state = state,
action = onActions,
modifier = Modifier
.padding(8.dp) // Positioning near the attachment button
)
}

}
}

}


Подробнее здесь: https://stackoverflow.com/questions/792 ... -down-menu