Jetpack Compose Buttons for Google Pay and Google Pockets — Google for Builders Weblog

Posted by Stephen McDonald, Developer Packages Engineer

We not too long ago launched a new Google Pay button view on Android which brings a spread of latest options, equivalent to the newest Materials 3 design rules, darkish and light-weight themed variations, and different new customization capabilities.

Determine 1: The brand new Google Pay button view for Android might be personalized to make it extra constant together with your checkout expertise.

Jetpack Compose Buttons

We have now made the brand new Google Pay button obtainable to Jetpack Compose builders with a brand new open supply library compose-pay-button. Jetpack Compose is Android’s fashionable toolkit for constructing person interfaces when utilizing the Kotlin language, and with this new library you’ll be able to implement the Google Pay button in your Android apps with even much less code than earlier than.

Let’s take a look at a fast instance. Right here you’ll be able to see a typical Jetpack Compose UI, with the Google Pay button added. The button accepts a Jetpack Compose modifier for personalization, and helps quite a lot of labels, on this case “E book with Google Pay”.

Google Pockets

Lastly, we have additionally launched a corresponding library for Google Pockets, compose-wallet-button. The library gives the same API to the Google Pay button, however as an alternative bundles the identical button property obtainable on the Google Pockets developer website, together with each common and condensed variations.

Determine 2: Each common and condensed variations of the Google Pockets button can be found within the new library.

Able to get began? Take a look at the GitHub repositories for each compose-pay-button and compose-wallet-button the place you’ll be able to study extra concerning the libraries and how you can add them to your Android apps!