Search code examples
androidandroid-jetpack-composehyphenationandroid-compose-textfield

Jetpack Compose Text Hyphenation


How do I get words to break correctly to new lines in Android with Jetpack Compose? I know the functionality from the web, where I use ­ for such cases.

I defined string values with possible line breaks like this: Korrespondenz\u00ADsprache. Unfortunately this does not work for Android.

I use the following code

Text(
    text = "Korrespondenz\u00ADsprache",
    style = MaterialTheme.typography.h4
)

Currently the result looks like this:

enter image description here

The expected result should look like this:

enter image description here


Solution

  • You can override the default configuration of the hyphenation configuration (Hyphens = Hyphens.None) using:

       Text(
           text = "Korrespondenz\u00ADsprache",
           style = MaterialTheme.typography.h4.copy(hyphens = Hyphens.Auto)
       )
    

    enter image description here

    With Auto the words will be automatically broken at appropriate hyphenation points.

    It requires 1.3.0-rc01