Compose | UI组件(八) | Dialog - 对话框_compose dialog-优快云博客

本文介绍了Compose中的Dialog基础用法，包括普通弹框的展示与控制，以及高级封装组件AlertDialog的使用，包括其结构、属性和示例应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言
总结

前言

在我们传统的UI界面中，经常用到弹框，Compose也有弹框，但是Compose的弹框显示和隐藏和传统的弹框显示（show）和隐藏 (dismiss)不一样，Compose中显示与否要看是否重组被执行，所以它显示与否要依赖状态控制

Dialog 普通弹框

Dialog是最底层的弹框，可以在该组件之上封装

@Composable
fun Dialog(
    onDismissRequest: () -> Unit,   //关闭回调函数
    properties: DialogProperties = DialogProperties(), //对话框的属性，用于自定义对话框
    content: @Composable () -> Unit    //对话框内容
)

Dialog 普通弹框的使用

@Composable
fun DialogMethod(){
   
    val openDialog = remember {
    mutableStateOf(false) }

    BaseDialog(dialogState = openDialog)

    Button(modifier = Modifier.wrapContentSize(),
           onClick  = {
    openDialog.value = !openDialog.value}) {
   
             Text(text = "显示普通dialog")