Jetpack Compose - Text

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

Seperti namanya ya, Text. Text ini digunakan untuk menampilkan data string. pada text ini memiliki 17 attribut yang dapat kalian gunakan untuk mempercantik/mengatur tampilannya pada aplikasi kalian. berikut attribut dan penjelasnnya

Penjelasan Singkat

Text(
    text: String,
    modifier: Modifier = Modifier,
    color: Color = Color.Unspecified,
    fontSize: TextUnit = TextUnit.Unspecified,
    fontStyle: FontStyle? = null,
    fontWeight: FontWeight? = null,
    fontFamily: FontFamily? = null,
    letterSpacing: TextUnit = TextUnit.Unspecified,
    textDecoration: TextDecoration? = null,
    textAlign: TextAlign? = null,
    lineHeight: TextUnit = TextUnit.Unspecified,
    overflow: TextOverflow = TextOverflow.Clip,
    softWrap: Boolean = true,
    maxLines: Int = Int.MAX_VALUE,
    minLines: Int = 1,
    onTextLayout: (TextLayoutResult) -> Unit = {},
    style: TextStyle = LocalTextStyle.current
)

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(0xFF000000)

fontSize: Ini juga optional guys, tapi ini digunakan untuk mengatur ukuran font

fontStyle: bagian ini optional ya. digunakan untuk mentur style sebuah font.

fontWeight: font weight ini juga optional, dapat digunakan utnuk mengatur ketebalan textnya ya guyss

fontFamily: attribut ini dapat kalian gunakan untuk mengatur jenis fontnya yaa.

letterSpacing: Sebagaimana namanya, attribut ini digunakan untuk mengatur spasi antar line

textDecoration: Text decoration ini ada 3 opsi, jika kalian biarkan dia tidak akan memberikan efek apa2, jika ingin disi, bisa gunakan Underline untuk garis bawah dan LineThrough untuk coret

textAlign: Untuk perataan text, opsinya ada Left -> “Left”,Right -> “Right”, Center -> “Center”,Justify -> “Justify”,Start -> “Start” dan End -> “End”

lineHeight: Attribut ini bisa digunakan untuk mengatur tinggi line

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


✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi’i

Previous Post Next Post

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

Video

The Ngoding

Categories