Breaking News: Grepper is joining You.com. Read the official announcement!

android composable custom Checkbox

Black Bear answered on February 8, 2023 Popularity 1/10 Helpfulness 3/10

answer android composable custom Checkbox

android composable custom Checkbox

Comment

@Composable
fun PrimaryCheckbox(
    label: String,
    modifier: Modifier = Modifier,
    size: Float = 24f,
    checkedColor: Color = DarkGray,
    uncheckedColor: Color = White,
    checkmarkColor: Color = White,
    onValueChange: () -> Unit
) {

var isChecked by remember { mutableStateOf(false) }
val checkboxColor: Color by animateColorAsState(if (isChecked) checkedColor else uncheckedColor)
val density = LocalDensity.current
val duration = 200

Row(
    modifier = modifier
        .toggleable(
            value = isChecked,
            role = Role.Checkbox,
            onValueChange = {
                isChecked = !isChecked
                onValueChange.invoke()
            }
        )
) {
    Card(
        elevation = 0.dp,
        shape = RoundedCornerShape(4.dp),
        border = BorderStroke(1.5.dp, color = checkedColor),
    ) {
        Box(
            modifier = Modifier
                .size(size.dp)
                .background(checkboxColor),
            contentAlignment = Alignment.Center
        ) {
            androidx.compose.animation.AnimatedVisibility(
                visible = isChecked,
                enter = slideInHorizontally(
                    animationSpec = tween(duration)
                ) {
                    with(density) { (size * -0.5).dp.roundToPx() }
                } + expandHorizontally(
                    expandFrom = Alignment.Start,
                    animationSpec = tween(duration)
                ),
                exit = fadeOut()
            ) {
                Icon(
                    Icons.Default.Check,
                    contentDescription = null,
                    tint = checkmarkColor
                )
            }
        }
    }
    Text(
        modifier = Modifier
            .align(Alignment.CenterVertically)
            .padding(start = 8.dp),
        text = label,
    )
}

Popularity 1/10 Helpfulness 3/10 Language kotlin

Source: stackoverflow.com

Tags: android checkbox composable kotlin

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Black Bear

0 Answers Avg Quality 2/10

android composable custom Checkbox

Contents

More Related Answers

android composable custom Checkbox

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.