Question

在 Jetpact Compose 1.0.0-alpha11 中，以下是有效代码

DropdownMenu(
    toggle = {
        Text(
            text = selected.value.toString(),
            modifier = Modifier.clickable(onClick = { showMenu = true }),
            fontSize = 16.sp
        )
    },
    expanded = showMenu,
    onDismissRequest = { showMenu = false },
    toggleModifier = Modifier.background(Color.LightGray)
) {
    items.forEachIndexed { index, s ->
        DropdownMenuItem(
            onClick = {
                selected.value = items[index]
                showMenu = false
            }
        ) {
            Text(text = s.toString())
        }
    }
}

但是，迁移到 Jetpact Compose 1.0.0-beta07 后，不再支持 toggle 和 toggleModifier。

使用 DropdownMenu 的新方法是什么？

Answer 1

来自 toggle 和 toggleModifier 的 DropdownMenu 和 1.0.0-alpha12 参数 were removed。他们没有被替换。

你必须做一些不同的事情，比如：

var expanded by remember { mutableStateOf(false) }
val suggestions = listOf("Item1", "Item2", "Item3")
var selectedText by remember { mutableStateOf("Item1") }

Box(
    //toggleModifier
    Modifier.background(Color.LightGray)
){ 
    //toggle 
    Text(
        text = selectedText,
        modifier = Modifier.clickable(onClick = { expanded = true }),
        fontSize = 16.sp
    )

    DropdownMenu(
        expanded = expanded,
        onDismissRequest = { expanded = false },

    ) {
        suggestions.forEach { label ->
            DropdownMenuItem(onClick = {
                selectedText = label
            }) {
                Text(text = label)
            }
        }
    }
}

Jetpact Compose `DropdownMenu` 的 `toggle` 和 `toggleModifier` 在哪里

1 个答案: