Recentemente, lançamos uma nova visualização do botão do Google Pay no Android que traz uma variedade de novos recursos, como os mais recentes princípios de design do Material 3, versões temáticas para os modos claro e escuro e outros novos recursos de personalização.
Agora, disponibilizamos o novo botão do Google Pay para desenvolvedores do Jetpack Compose com uma nova biblioteca de código aberto compose-pay-button. O Jetpack Compose é o kit de ferramentas moderno do Android para criar interfaces do usuário ao usar a linguagem Kotlin. Com essa nova biblioteca, você pode implementar o botão do Google Pay em apps Android com ainda menos código do que antes.
Vejamos um exemplo rápido. Aqui, você pode ver uma IU típica do Jetpack Compose, com o botão do Google Pay adicionado. O botão aceita um modificador do Jetpack Compose para personalização e dá suporte a uma variedade de rótulos; neste caso, "Book with Google Pay".
setContent {
Column() {
PayButton(
onClick = { println("Button clicked") },
allowedPaymentMethods = "<JSON serialized allowedPaymentMethods>",
modifier = Modifier.width(300.dp),
type = ButtonType.PAY_BOOK,
)
}
}
Por fim, também lançamos uma biblioteca correspondente para a Carteira do Google, a compose-wallet-button. A biblioteca fornece uma API semelhante à do botão do Google Pay, mas que empacota os mesmos recursos de botão disponíveis no site para desenvolvedores da Carteira do Google, incluindo as versões normal e compacta.
Tudo pronto para começar? Confira os repositórios do GitHub das bibliotecas compose-pay-button e compose-wallet-button, onde é possível saber mais sobre as bibliotecas e como adicioná-las a apps Android!