Jetpack Compose - Text
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
✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi'i