Di Jetpack Compose Glimmer, komponen Text dibuat berdasarkan teks dasar
dan memungkinkan Anda menetapkan berbagai properti teks seperti warna, ukuran font, gaya font, ketebalan
font, jenis font, jarak antar-huruf, dan perataan teks. Komponen Text Glimmer Jetpack Compose unik karena secara cerdas mengelola pencocokan warna. Misalnya, jika tidak ada penggantian warna yang ditentukan, teks akan menggunakan warna konten default yang disediakan oleh platform terdekat dalam hierarki UI.
Contoh: Membuat judul teks dalam kotak
@Composable
fun GlimmerStyleSample() {
GlimmerTheme {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Text(
text = "This is a sample heading",
color = GlimmerTheme.colors.secondary
)
Spacer(modifier = Modifier.height(16.dp))
Button(onClick = { /* Handle Click */ }) {
Text(text = "Sample Button")
}
}
}
}
}
Poin penting tentang kode
Composable
Buttonotomatis dapat berinteraksi, memiliki latar belakangColors.surface, dan teks otomatis disetel ke:- style =
GlimmerTheme.typography.bodyMedium - warna =
GlimmerTheme.Colors.surface
- style =