Top 3 jetpack compose Accompanist library

Best and most used jetpack compose library built by google-accompanist

Photo by Dolo Iglesias on Unsplash

Hai temen temen semua, udah lama nggak pernah buat medium. Baik di kesempatan kali ini saya akan membagikan beberapa library buatan google untuk pengembangan aplikasi jetpack compose. Kalian bisa mengunjungi dokumentasi nya di https://google.github.io/accompanist

accompanist

OK guys langsung saja kita bahas

Introduction

Kenalan dulu dengan library Accompanist. Ok, Accompanist adalah koleksi library yang digunakan untuk mendukung pengembangan aplikasi dengan jetpack compose. Library — library yang biasa digunakan oleh developer. Seperti image loading, pager, insets, dan lain lain.

Accompanist merupakan library open source, jadi siapapun bisa berkontribusi kedalamnya. Library ini masih berkembang tergantung para kontributor yang merasa perlu menambahkan ekstensi agar bisa dipakai di jetpack compose

Dari sekian banyak library di Accompanist, di blog ini saya hanya membahas library yang banyak digunakan, Glide, System UI Controller, dan Placeholder.

Glide

Glide merupakan library untuk image loader. Mungkin jika kalian pernah ngoding android native sudah familiar dengan library ini. Nah untuk memasang library ini tambahkan pada app/build.gradle

repositories {
    mavenCentral()
}
dependencies {
    implementation "com.google.accompanist:accompanist-glide:<version>"
}

sesuaikan versi dengan yang terbaru, karena terkadang ada beberapa API yang kena deprecated. Untuk cara penggunaannya ada primary API rememberGlidePainter

Image(
    painter = rememberGlidePainter(
        request = "https://picsum.photos/300/300",
        previewPlaceholder = R.drawable.placeholder
    ),
    contentDescription = stringResource(R.string.image_content_desc)
)

dengan painter yang sudah disediakan oleh glide, kalian bisa mengambil gambar secara online, dan juga bisa menambah placeholder ketika gambar masih dalam proses unduh. Untuk lebih lengkapnya silahkan kunjungi disini

System UI Controller

Library ini sama dengan salah satu API di Flutter. Bedanya di jetpack compose harus install plugin tambahan. Fungsinya biasanya untuk meng-update color pada sistem tampilan android. Untuk menginstal pada project kalian cukup tambahkan potongan kode berikut pada app/build.gradle

repositories {
    mavenCentral()
}

dependencies {
    implementation "com.google.accompanist:accompanist-systemuicontroller:<version>"
}

Nah untuk penggunaannya sendiri Kalian harus mendapatkan sebuah SystemUiControllerinstance. Library menyediakan rememberSystemUiController()fungsi yang mengembalikan instance untuk sistem saat ini (saat ini hanya Android).

val systemUiController = rememberSystemUiController()
// Mengubah status bar menjadi putih
systemUiController.setSystemBarsColor(
  color = Color.Transparent,
  darkIcons = useDarkIcons
)

https://google.github.io/accompanist/systemuicontroller/

Placeholder

Placeholder ini merupakan library shimmer biasa digunakan untuk loading proses. Tambahkan library pada project kalian dengan menambahkan kode berikut

repositories {
    mavenCentral()
}

dependencies {
    implementation "com.google.accompanist:accompanist-placeholder:<version>"
}

Untuk penggunaannya Placeholder merupakan bagian dari Modifier

Text(
    text = "Content to display after content has loaded",
    modifier = Modifier
        .padding(16.dp)
        .placeholder(visible = true)
)

Ketika dirunning akan terlihat seperti ini