Adding unlimited lines in a Text (SwiftUI)

Question

Just figuring out how I can achieve multiple lines of text in a Text. It seems like the Text has the same default as UILabel (one line), but I can't find any function which meets this criteria.

struct ContentView : View {
    var body: some View {
        VStack(alignment: .leading, spacing: 10) {
            HStack {
                Text("Avocado Toast").font(.system(size: 24))
            }
            // This Text does cut, and I wonder how I can achieve multiple rows
            Text("Ingredients: Avocado, Almond Butter, Bread")
                .font(.system(size: 20))

        }
    }
}

Edit

.lineLimit(X), did the trick. But is it possible to not set a specific amount, for instance. With just a 0?

Tried it out, but it just cuts with three dots @canister_exister — Jacob Ahlberg, Jun 06 '19 at 18:11
This may be what you are looking for: https://stackoverflow.com/a/56478602/1187415, https://stackoverflow.com/a/56470402/1187415 — Martin R, Jun 06 '19 at 18:13
Possible duplicate of [Is there a way that I can limit the text to 2 / 3 lines using SwiftUI?](https://stackoverflow.com/questions/56475779/is-there-a-way-that-i-can-limit-the-text-to-2-3-lines-using-swiftui) — canister_exister, Jun 06 '19 at 18:15
@MartinR worked as a charm! Tried it out with 0 lines to adjust unlimited rows, but it seems like we have to set a specified amount of lines now — Jacob Ahlberg, Jun 06 '19 at 18:15

Michael Ozeryansky · Accepted Answer · 2021-05-29T03:03:34.470

160

For wrapping Text in a Form .lineLimit(Int.max) did not work for me. It seems there needs to be some width for it to know when to wrap. I believe the official way is with .fixedSize:

Text(message)
    .fixedSize(horizontal: false, vertical: true)

The documentation states:

This example shows the effect of fixedSize(horizontal:vertical:) on a text view that is wider than its parent, preserving the ideal, untruncated width of the text view.

https://developer.apple.com/documentation/swiftui/view/fixedsize(horizontal:vertical:)

edited May 29 '21 at 03:03

answered Oct 11 '19 at 06:56

Michael Ozeryansky

7,204
4
49
61

2

Same thing happened to me. `horizontal: true, vertical: false` if you want your Text to expand vertically, `horizontal: false, vertical: true` to expand horizontally. – vicegax Oct 23 '19 at 15:20
7

This should be the answer, ```.lineLimit``` is not working correctly at now. – Zhou Haibo May 01 '20 at 04:31
1

Doesn't this mean that the child sizing of the label is incorrect? Like somewhere Text()'s frame hasn't been set right? – Zorayr May 09 '20 at 22:42
@Zorayr Google "SwiftUI Layout System" for more info, but my understanding of SwiftUI is that the view determines its own size. There is nothing default in Text that determines the width other than the width of the total characters in the string. As the docs I included states, the fixedSize modifier will cause the Text view to use the parents width in determining its own width, which in turn will determine the height. – Michael Ozeryansky May 09 '20 at 23:15

RPatel99 · Answer 2 · 2019-07-31T16:01:31.917

33

Use .lineLimit() to limit the amount of lines of text. It takes an optional Int (Int?) as an argument, and .lineLimit(nil) allows unlimited lines.

Edit: As of SwiftUI Beta 5, Text has a default line limit of nil, so text in Text will wrap by default.

edited Jul 31 '19 at 16:01

answered Jun 06 '19 at 18:28

RPatel99

7,448
2
37
45

1

In case where `lineLimit(nil)` does not work, specify a number, like `lineLimit(100)` – onmyway133 Oct 08 '19 at 12:00
2

`lineLimit` does not work, use `fixedSize` as Michael suggested – vrwim Dec 01 '20 at 15:07

score 5 · Answer 3 · answered Jul 06 '22 at 20:21

I had to add 2 different modifiers for it to work:

Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra neque ex, at consectetur leo semper eu. Ut finibus maximus ex et maximus. Proin vel sagittis sapien, sed tincidunt orci.")
    .frame(maxWidth: .infinity, alignment: .leading)
    .fixedSize(horizontal: false, vertical: true)

If you don't add the frame, it will have your text out of the bounds of the screen, and fixedSize allows it to have multiple lines visible

score 3 · Answer 4 · answered Jan 05 '20 at 23:14

3

My text kept truncating even with no line limit applied. Wrapping my content in a ScrollView {} solved it.

See more info here: https://www.hackingwithswift.com/quick-start/swiftui/how-to-add-horizontal-and-vertical-scrolling-using-scrollview

answered Jan 05 '20 at 23:14

Melissa McArthur

39
1

2

Yes it seems otherwise the view prioritizes fitting the Text into the view – Ever Uribe Jun 10 '20 at 19:36

score 3 · Answer 5 · answered Mar 08 '22 at 06:07

3

Text("Professional Burnout and how to overcome it")
     .font(.callout)
     .fixedSize(horizontal: false, vertical: true)
     .frame(width: 220)

answered Mar 08 '22 at 06:07

Imran Sefat

528
4
6

Works for me trying to put label under textfield – PowerPlay Aug 09 '22 at 16:11

score 2 · Answer 6 · answered May 23 '22 at 07:44

2

None of the previous answers worked for me, but .lineLimit(Int.max) did the trick.

answered May 23 '22 at 07:44

ixany

5,433
9
41
65

score 2 · Answer 7 · answered Jun 06 '22 at 16:33

lineLimit and fixedSize work together.

Setting .fixedSize with (horizontal: false, vertical: true) will allow the Text to grow.

Setting lineLimit determines up to how many lines the Text will grow to

a nil value is no limit
- lineLimit(nil) doesn't seem to be necessary in conjunction with .fixedSize as .fixedSize alone will allow the label to grow as far as it can.

Example:

Text("Using `___VARIABLE_\(identifier): identifier___` in your template will replace that macro with `\(defaultValue)`")
    .fixedSize(horizontal: false, vertical: true)
    .lineLimit(2)

lineLimit(1)

score 1 · Answer 8 · answered Jan 08 '20 at 14:43

1

If lineLimit(nil) is not working for you, try setting layoutPriority manually to whatever it suits you .layoutPriority(0.5)

answered Jan 08 '20 at 14:43

Pacu

1,985
20
33

score 0 · Answer 9 · answered Aug 18 '23 at 03:33

0

This is worked for me. Use lineLimit with multilineTextAlignment

Text("")
    .multilineTextAlignment(.leading)
    .lineLimit(2)

answered Aug 18 '23 at 03:33

user7608312

1

Adding unlimited lines in a Text (SwiftUI)

Edit

9 Answers9

Linked

Related