Tombol Jetpack Compose untuk Google Pay dan Google Wallet

MEI 19, 2023
Stephen McDonald Developer Programs Engineer

Kami baru saja merilis tampilan tombol Google Pay baru di Android yang menghadirkan berbagai fitur baru, seperti prinsip desain Material 3 terbaru, versi bertema gelap dan terang, dan kemampuan penyesuaian baru lainnya.

newInGooglePay2
Gambar 1: Tampilan tombol Google Pay baru untuk Android dapat disesuaikan agar lebih konsisten dengan pengalaman checkout Anda.

Tombol Jetpack Compose

Kami sekarang telah menyediakan tombol Google Pay baru untuk developer Jetpack Compose dengan library open source baru compose-pay-button. Jetpack Compose adalah toolkit modern Android untuk membangun antarmuka pengguna ketika menggunakan bahasa Kotlin. Dengan library baru ini Anda dapat mengimplementasikan tombol Google Pay di aplikasi Android dengan kode yang lebih sedikit daripada sebelumnya.

Mari kita lihat contoh singkatnya. Di sini Anda bisa melihat UI Jetpack Compose yang khas, dengan tambahan tombol Google Pay. Tombol ini menerima pengubah Jetpack Compose untuk penyesuaian, dan mendukung berbagai label, dalam kasus ini "Pesan dengan Google Pay".

setContent {
    Column() {
        PayButton(
            onClick = { println("Button clicked") }, 
            allowedPaymentMethods = "<JSON serialized allowedPaymentMethods>",
            modifier = Modifier.width(300.dp), 
            type = ButtonType.PAY_BOOK,
        )
    }
}

Google Wallet

Terakhir, kami juga merilis library yang sesuai untuk Google Wallet, compose-wallet-button. Library ini menyediakan API yang mirip dengan tombol Google Pay, tetapi menggabungkan aset tombol yang sama yang tersedia di situs developer Google Wallet, termasuk versi reguler dan versi ringkas.

gwallet
Gambar 2: Tombol Google Wallet versi reguler dan ringkas tersedia di library baru.

Siap untuk memulai? Kunjungi repositori GitHub untuk informasi tentang compose-pay-button dan compose-wallet-button. Di sini Anda bisa mempelajari lebih lanjut tentang library tersebut dan cara menambahkannya ke aplikasi Android Anda!