Jetpack Compose - BasicText

The Ngoding

Penting

Pembahasan ini merupakan rentetan dari topik pembahasan tentang Dasar Dasar Jetpack Compose, terdapat hampir 100 pembahasan, untuk melihat daftarnya silahkan klik DAFTAR PEMBAHASAN COMPOSE

Pengertian

BasicText ini adalah versi simple dari Composable Text. Composable yang satu ini memiliki hanya beberapa atribute saja dan tidak selengkap Composable Text yakni hanya 9 attribut.

Penjelasan Singkat

BasicText(
    text: String,
    modifier: Modifier = Modifier,
    style: TextStyle = TextStyle.Default,
    onTextLayout: ((TextLayoutResult) -> Unit)? = null,
    overflow: TextOverflow = TextOverflow.Clip,
    softWrap: Boolean = true,
    maxLines: Int = Int.MAX_VALUE,
    minLines: Int = 1,
    color: ColorProducer? = null
)

text: Merupakan data yang dapat kalian gunakan untuk meletakkan data string apa yang kalian ingin tampilkan

modifier: Merupakan atribut yang dapat kalian gunakan untuk mempercantik canvas dari si text nya nantinya. Untuk pengertian Modifier sendiri dapat kalian baca di artikel tentang Modifier di website ini juga

color: Untuk merubah warna, ini optional, jika tidak di isi akan otomatis berwarna hitam. Untuk mengisinya kalian bisa gunakan { Color.Blue }

overflow: Attribut ini digunakan untuk mengatur bagian akhir dari sebuah text. ada visible untuk menampilkan semua, ada ellipsis untuk menampilkan dot dan ada clip untuk memotong tanpa memberikan tanda titik diakhir text

softWrap: Bagian ini agak unik ya, secara default nilainya akan true, yang artinya jika kalian hanya menuiliskan text saja itu nilanya sudah dalam kondisi softWrap, namun apabila klian buat nilainya menjadi false maka attribut ini akan mengakibatkan perubahan yang menurut saya aneh banget pada attribut overflow dan textAlign

maxLines: Maksimal line yang bisa ditampikan pada text

minLines: minimal line yang dapat ditampilkan

onTextLayout: ini akan di eksekusi jika ada tata letak teks berubah atau dihitung ulang

style: yan gini juga optional ya, kalian buisa gunakan untuk mengatur fontstylenya seperti size,weight color dan jenis font nya

Cara Penggunaan

Sampel Text

Video

The Ngoding

13 Alasan Jetpack Compose Lebih Baik untuk Pengembangan Aplikasi Android

Cong Fandi

Jetpack Compose - Surface

Cong Fandi

Jetpack Compose - CutCornerShape

Cong Fandi

Jetpack Compose - RoundedCornerShape

Cong Fandi

Jetpack Compose - CircleShape

Cong Fandi

Jetpack Compose - ConstraintSet

Cong Fandi

Jetpack Compose - BadgeBox

Cong Fandi

Video

The Ngoding

Tags