Mutablestateof-狀態提升-有解無憂

如何在兩個功能中管理一個狀態？(openDialog) 如何將 openDialog 狀態從 ProductDialog() 轉移到 AppBar()？我知道我可以為每個州開設一個單獨的課程，但我不想這樣做。

@Composable
fun ProductDialog() {
    val openDialog = rememberSaveable() { mutableStateOf(true) }
    val productNameState = remember { mutableStateOf("") }

    AlertDialog(
        onDismissRequest = { openDialog.value = false },
        title = { Text(
            modifier = Modifier.padding(bottom = 8.dp),
            text = "Add new product",
            fontSize = 20.sp,
            fontWeight = FontWeight.Bold
        ) },
        confirmButton = { Button(onClick = { openDialog.value = false }) {
            Text(text = "Add") }
        },
        dismissButton = { Button(onClick = { openDialog.value = false }) {
            Text(text = "Cancel")
            }
        },
        text = {
            Column() {
                TextField(value = productNameState.value, onValueChange = {
                })
                TextField(value = productNameState.value, onValueChange = {})
            }
        }
    )
}

@Composable
fun AppBar() {
    val openDialog = rememberSaveable() { mutableStateOf(false) }

    if (openDialog.value) ProductDialog()

    Scaffold(
        topBar = {
                TopAppBar(
                    actions = { Icon(imageVector = Icons.Default.Menu, contentDescription = null) },
                    title = { Text(text = "Shopping List Compose") })
                },
        floatingActionButton = {
            FloatingActionButton(modifier = Modifier.padding(10.dp), onClick = { openDialog.value = true }) {
            Icon(Icons.Default.Add, contentDescription = null)
        }}
    ) {
        ListItems()
    }
}

如何在兩個功能中管理一個狀態？（打開對話框）

uj5u.com熱心網友回復：

從您分享的示例中，似乎 in 的唯一用途openDialog是ProductDialog關閉對話框。您可以改為使用 lambdaProductDialog來關閉對話框。

@Composable
fun ProductDialog(closeDialog: () -> Unit) {
    AlertDialog(
        onDismissRequest = closeDialog,
        title = { ... },
        confirmButton = { 
            Button(onClick = closeDialog) {
                Text(text = "Add")
            }
        },
        dismissButton = { 
            Button(onClick = closeDialog) {
                Text(text = "Cancel")
            }
        },
        text = { ... }
    )
}

@Composable
fun AppBar() {
    val openDialog by rememberSaveable() { mutableStateOf(false) }

    if (openDialog) ProductDialog { openDialog = false}

   ...
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/533110.html

標籤：科特林状态吊装喷气背包可变状态

上一篇：如何按存盤在c檔案中的數字排序？

下一篇：如何將文本與元素的開頭對齊