Hace muy poco, lanzamos una nueva vista de botones de Google Pay en Android, que incluye una serie de funciones nuevas, como los últimos principios de diseño de Material 3, versiones con temas oscuro y claro, y otras nuevas capacidades de personalización.
Ahora pusimos a disposición de los desarrolladores de Jetpack Compose el nuevo botón de pago de Google Pay con la nueva biblioteca de código abierto compose-pay-button. Jetpack Compose es el kit de herramientas moderno de Android que sirve para crear interfaces de usuario cuando se usa el lenguaje Kotlin, y con esta nueva biblioteca puedes implementar el botón de Google Pay en tus apps para Android con incluso menos código que antes.
Veamos un ejemplo rápido. Aquí puedes ver una IU típica de Jetpack Compose, donde se agregó el botón de Google Pay. Este acepta un modificador de Jetpack Compose para la personalización y admite una variedad de etiquetas, en este caso, "Reservar con Google Pay".
setContent {
Column() {
PayButton(
onClick = { println("Button clicked") },
allowedPaymentMethods = "<JSON serialized allowedPaymentMethods>",
modifier = Modifier.width(300.dp),
type = ButtonType.PAY_BOOK,
)
}
}
Por último, también lanzamos una biblioteca correspondiente para Google Wallet, compose-wallet-button. Esta proporciona una API similar al botón de Google Pay, pero en su lugar incluye los mismos recursos de botón disponibles en el sitio para desarrolladores de Google Wallet, incluidas las versiones normal y condensada.
¿Todo listo para empezar? Echa un vistazo a los repositorios de GitHub de compose-pay-button y compose-wallet-button, donde puedes obtener más información sobre las bibliotecas y cómo agregarlas a tus apps para Android.