Mengonfigurasi tata letak teks
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Halaman ini menjelaskan cara mengonfigurasi tata letak teks dengan parameter seperti
maxLines
dan overflow
.
Membatasi garis yang terlihat
Untuk membatasi jumlah baris yang terlihat di composable Text
, setel parameter
maxLines
:
@Composable
fun LongText() {
Text("hello ".repeat(50), maxLines = 2)
}
Menunjukkan teks yang meluap
Saat membatasi teks panjang, Anda mungkin ingin menunjukkan TextOverflow
,
yang hanya ditampilkan jika teks yang ditampilkan terpotong. Untuk melakukannya, setel
parameter textOverflow
:
@Composable
fun OverflowedText() {
Text("Hello Compose ".repeat(50), maxLines = 2, overflow = TextOverflow.Ellipsis)
}
Direkomendasikan untuk Anda
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-31 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-08-31 UTC."],[],[],null,["This page describes how to configure your text layout with parameters like\n`maxLines` and `overflow`.\n\nLimit visible lines\n\nTo limit the number of visible lines in a `Text` composable, set the `maxLines`\nparameter:\n\n\n```kotlin\n@Composable\nfun LongText() {\n Text(\"hello \".repeat(50), maxLines = 2)\n}https://github.com/android/snippets/blob/f95ab59fad80aeaf5d6a90bab8a01a126f20f44e/compose/snippets/src/main/java/com/example/compose/snippets/text/TextSnippets.kt#L279-L282\n```\n\n\u003cbr /\u003e\n\nIndicate text overflow\n\nWhen limiting a long text, you may want to indicate a [`TextOverflow`](/reference/kotlin/androidx/compose/ui/text/style/TextOverflow),\nwhich is only shown if the displayed text is truncated. To do so, set the\n`textOverflow` parameter:\n\n\n```kotlin\n@Composable\nfun OverflowedText() {\n Text(\"Hello Compose \".repeat(50), maxLines = 2, overflow = TextOverflow.Ellipsis)\n}https://github.com/android/snippets/blob/f95ab59fad80aeaf5d6a90bab8a01a126f20f44e/compose/snippets/src/main/java/com/example/compose/snippets/text/TextSnippets.kt#L288-L291\n```\n\n\u003cbr /\u003e\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Graphics in Compose](/develop/ui/compose/graphics/draw/overview)\n- [Style paragraph](/develop/ui/compose/text/style-paragraph)\n- [Work with fonts](/develop/ui/compose/text/fonts)"]]