Alert
In Wear Material Compose
Dialog
PREVIEW IS NOT AVAILABLE YET
Kotlin
@Composable
fun AlertDialogSample() {
Box {
var showDialog by remember { mutableStateOf(false) }
Column(
modifier = Modifier.fillMaxSize().padding(horizontal = 20.dp),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally,
) {
Chip(
onClick = { showDialog = true },
label = { Text("Show dialog") },
colors = ChipDefaults.secondaryChipColors(),
)
}
val scrollState = rememberScalingLazyListState()
Dialog(
showDialog = showDialog,
onDismissRequest = { showDialog = false },
scrollState = scrollState,
) {
Alert(
scrollState = scrollState,
verticalArrangement = Arrangement.spacedBy(4.dp, Alignment.Top),
contentPadding =
PaddingValues(start = 10.dp, end = 10.dp, top = 24.dp, bottom = 52.dp),
icon = {
Icon(
painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
contentDescription = "airplane",
modifier = Modifier.size(24.dp).wrapContentSize(align = Alignment.Center),
)
},
title = { Text(text = "Example Title Text", textAlign = TextAlign.Center) },
message = {
Text(
text = "Message content goes here",
textAlign = TextAlign.Center,
style = MaterialTheme.typography.body2,
)
},
) {
item {
Chip(
label = { Text("Primary") },
onClick = { showDialog = false },
colors = ChipDefaults.primaryChipColors(),
)
}
item {
Chip(
label = { Text("Secondary") },
onClick = { showDialog = false },
colors = ChipDefaults.secondaryChipColors(),
)
}
}
}
}
}