Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Creando un botón personalizado

18/26
Recursos

Aportes 2

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

A partir de aquí el instructor dejo de publicar el código.

Comparto el de la sección:

typealias ButtonAction = () -> Unit

@Composable
fun CustomButton(
    label: String,
    action: ButtonAction
) {

    val uppercaseLabel = label.uppercase()
    Button(
        onClick = action,
        modifier = Modifier.fillMaxWidth(),
        shape = MaterialTheme.shapes.large,
        colors = ButtonDefaults.buttonColors(
            backgroundColor = MaterialTheme.colors.secondary,
            contentColor = Color.White
        ),
        elevation = ButtonDefaults.elevation(
            defaultElevation = 6.dp,
            pressedElevation = 8.dp,
            disabledElevation = 8.dp
        )
    ) {
        Text(uppercaseLabel)
    }


}


@Composable
@Preview(showBackground = true)
fun PreviewCustomButton() {
    MyComposeApplicationTheme() {
        Box(Modifier.padding(21.dp)) {
            CustomButton(label = "I'm Button") {
                //TODO: Do an action
            }
        }
    }
}

Placeholder Color

val Placeholder = Color(0xFF9D9D9D)