Text.lineLimit() behavior is inconsistent in SwiftUI

Question

I have some description text in a VStack, and I'd like to limit it to 3 lines. My understanding is that I modify Text() with a .lineLimit(3) modifier. However, when I do this, some of the descriptions get capped at 3 lines, while others get capped at 1. There doesn't seem to be any consistency as to where this happens.

I thought this could be the order in which I'm calling the modifier attributes, but switching the order of .font(.body) and .lineLimit doesn't change anything. I also tried removing the .padding(), and that doesn't work either.

List(clubData) { club in
            VStack(alignment: .leading) {

                Text(club.name)
                    .font(.title)
                    .lineLimit(nil)

                Text(club.subtitle)
                    .lineLimit(4)
                    .font(.body)
            }
            .padding()
        }

Here's an image of what's happening:

It's in beta, expect the worst! – Matteo Pacini Jun 14 '19 at 17:50 — Matteo Pacini, Jun 14 '19 at 17:50
Expect **and report**. :-P – Joshua Nozzi Jun 14 '19 at 18:00 — Joshua Nozzi, Jun 14 '19 at 18:00
ah, I know it. Submitted a radar – Dominic Holmes Jun 14 '19 at 18:16 — Dominic Holmes, Jun 14 '19 at 18:16
FYI, Xcode 11 beta 3 has the same issue. – JZAU Jul 11 '19 at 12:41 — JZAU, Jul 11 '19 at 12:41

score 36 · Accepted Answer · answered Oct 11 '19 at 22:36

36

You might also be helped with this answer for the Xcode 11 GM:

https://stackoverflow.com/a/56604599/30602

The summary is that inside other Builders you need to add .fixedSize(horizontal: false, vertical: true) to your Text() to get it to wrap.

answered Oct 11 '19 at 22:36

Wil Shipley

9,343
35
59

score 1 · Answer 2 · answered Jul 11 '19 at 20:18

1

I've experienced this.

For now if you wrap your views in a GeometryReader then it should respect the line limits

e.g.

GeometryReader { _ in
    VStack(alignment: .leading) {
       ...
    }
}

answered Jul 11 '19 at 20:18

jeh

2,373
4
23
38

Thank you! Wrapping my Text view in Geometry reader solved my issue with text shrinkage on device rotation while using .font(.system(size: 120)), .minimumScaleFactor(0.1), and .lineLimit(1) – Ryan Nov 08 '19 at 06:53

score 1 · Answer 3 · answered Oct 04 '19 at 18:00

1

The answer is to download Xcode 11.2 BETA. Xcode 11 GM in The App Store also have the problem with .linelimit(nil) being capped at one line.

answered Oct 04 '19 at 18:00

Sondergaard

1,121
1
7
6

score 1 · Answer 4 · answered Dec 12 '19 at 11:50

Dec 12th, 2019 with Xcode 11.2.1

DO NOT trust .lineLimit, use frame to set appropriate height (according to your font size) to wrap your multi-lined text. And, DO NOT use .lineSpacing even you think you make enough height, SwiftUI must have a really 'special' way to determine if the VStack height is enough and how many lines to display.

score 0 · Answer 5 · answered Apr 23 '20 at 05:04

April 23, 2020, Xcode 11.4

In my case, I get movie description text from TMDB API, which is in dynamic length. And it is embedded in VStack.

It is really annoyed. Even I set .linelimit(nil), the line for description text, it will still have a limit and end up ignoring some text as "long decription...".

Text.lineLimit() behavior is inconsistent in SwiftUI

5 Answers5