A scrollable list of items to pick from.
SimplePicker
@Sampled
@Composable
fun SimplePicker() {
val items = listOf("One", "Two", "Three", "Four", "Five")
val state = rememberPickerState(items.size)
val contentDescription by remember { derivedStateOf { "${state.selectedOption + 1}" } }
Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
Text(
modifier = Modifier.align(Alignment.TopCenter).padding(top = 10.dp),
text = "Selected: ${items[state.selectedOption]}",
)
Picker(
modifier = Modifier.size(100.dp, 100.dp),
state = state,
contentDescription = contentDescription,
) {
Text(items[it])
}
}
}
DualPicker
@OptIn(ExperimentalComposeUiApi::class)
@Sampled
@Composable
fun DualPicker() {
var selectedColumn by remember { mutableStateOf(0) }
val textStyle = MaterialTheme.typography.display1