Dialog
@Composable
fun Dialog(
onDismissRequest: () -> Unit,
properties: DialogProperties = DialogProperties(),
content: @Composable () -> Unit
):Unit
Dialog 用法
@Composable
fun DialogSample() {
var showDialog by remember {
mutableStateOf(false)
}
Column() {
Button(onClick = { showDialog = !showDialog }) {
Text("show dialog")
}
if (showDialog) {
Dialog(onDismissRequest = { showDialog = !showDialog }) {
Box(
Modifier
.size(200.dp, 50.dp)
.background(Color.White))
}
}
}
}
AlertDialog 用法
@Composable
fun AlertDialogSample() {
var showDialog by remember {
mutableStateOf(false)
}
Column() {
Button(onClick = { showDialog = !showDialog }) {
Text("show dialog")
}
if (showDialog) {
AlertDialog(
onDismissRequest = {
// Dismiss the dialog when the user clicks outside the dialog or on the back
// button. If you want to disable that functionality, simply use an empty
// onCloseRequest.
showDialog = false
},
title = {
Text(text = "Title")
},
text = {
Text(
"This area typically contains the supportive text " +
"which presents the details regarding the Dialog's purpose."
)
},
confirmButton = {
TextButton(
onClick = {
showDialog = false
}
) {
Text("Confirm")
}
},
dismissButton = {
TextButton(
onClick = {
showDialog = false
}
) {
Text("Dismiss")
}
}
)
}
}
}
视频教程