# Your First iOS and SwiftUI App · Challenge: Styling the About Page | raywenderlich.com

**URL:** <https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176>\
**Category:** 🎓 Courses & Articles\
**Created:** [September 8, 2019, 11:28am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176 "2019-09-08T11:28:52Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![rwenderlich](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/rwenderlich/32/108604_2.png) [@rwenderlich](https://forums.kodeco.com/u/rwenderlich)\
**Post date:** [September 8, 2019, 11:28am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/1 "2019-09-08T11:28:54Z")

</div>

* * *
This is a companion discussion topic for the original entry at [https://www.raywenderlich.com/4919757-your-first-ios-and-swiftui-app/lessons/45](https://www.raywenderlich.com/4919757-your-first-ios-and-swiftui-app/lessons/45)

---

<div class="post-metadata">

**Author:** ![larselias](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/larselias/32/85294_2.png) [@larselias](https://forums.kodeco.com/u/larselias)\
**Post date:** [September 19, 2019, 8:48am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/2 "2019-09-19T08:48:44Z")

</div>

It seems that setting `fixedSize` on the text will prevent the text from being cut off and the ellipsis being shown:

```
`Text("Hello World").fixedSize(horizontal: false, vertical: true)`

```

Correct me if I’m wrong 😉

---

<div class="post-metadata">

**Author:** ![seando](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/seando/32/81494_2.png) [@seando](https://forums.kodeco.com/u/seando)\
**Post date:** [September 25, 2019, 11:37pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/3 "2019-09-25T23:37:09Z")

</div>

The bug seems to be fixed with 13.1 ![image](https://files.chunter.kodeco.com/original/3X/9/b/9bcb5d8499bc70d1c60cdcb283d3dda4bc10bd3a.jpeg)

---

<div class="post-metadata">

**Author:** ![blackswan](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/blackswan/32/102442_2.png) [@blackswan](https://forums.kodeco.com/u/blackswan)\
**Post date:** [September 28, 2019, 4:20pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/4 "2019-09-28T16:20:47Z")

</div>

Using

`.lineLimit(Int.max)`

instead of

`.lineLimit(nil)`

did work for me.

---

<div class="post-metadata">

**Author:** ![michielvg74](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/michielvg74/32/81494_2.png) [@michielvg74](https://forums.kodeco.com/u/michielvg74)\
**Post date:** [October 22, 2019, 11:30pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/5 "2019-10-22T23:30:28Z")

</div>

With:

.multilineTextAlignment(.center)

You can center the text

And with:  
.lineSpacing(CGFloat)  
You can set your padding

---

<div class="post-metadata">

**Author:** ![rwenderlich](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/rwenderlich/32/108604_2.png) [@rwenderlich](https://forums.kodeco.com/u/rwenderlich)\
**Post date:** [October 30, 2019, 3:16pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/6 "2019-10-30T15:16:16Z")

</div>

Hi guys! I tested this with Xcode 11.1, and it looks like `.lineLimit(nil)` once again works properly for the about page.

In addition, as @michielvg74 states, you’ll probably find it useful to center your text alignment so the second line in the text field looks nice.

I’ve added some author notes about this on the here for future reference: [https://www.raywenderlich.com/4919757-your-first-ios-and-swiftui-app/lessons/45](https://www.raywenderlich.com/4919757-your-first-ios-and-swiftui-app/lessons/45)

---

<div class="post-metadata">

**Author:** ![lywang](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/lywang/32/81494_2.png) [@lywang](https://forums.kodeco.com/u/lywang)\
**Post date:** [November 22, 2019, 2:32am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/7 "2019-11-22T02:32:49Z")

</div>

In Xcode 11.2.1, the bug seems to be fixed without entering any extra code. But the alignment did change and makes it little bit strange.

I found Concatenating the first two Text into one long Text with ‘\n\n’ in between makes it looks better. There must be better way to deal with the alignment though.

---

<div class="post-metadata">

**Author:** ![paulijr](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/paulijr/32/81494_2.png) [@paulijr](https://forums.kodeco.com/u/paulijr)\
**Post date:** [December 3, 2019, 10:51pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/8 "2019-12-03T22:51:58Z")

</div>

Just as a note if someone gets stuck in study, in 11.2.1 .lineLimit(nil) or (Int.max) not working for me. But is seems like it works for some.

---

<div class="post-metadata">

**Author:** ![shogunkaramazov](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/shogunkaramazov/32/108826_2.png) [@shogunkaramazov](https://forums.kodeco.com/u/shogunkaramazov)\
**Post date:** [January 11, 2020, 11:05pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/9 "2020-01-11T23:05:58Z")

</div>

@lywang Do you still have issues with this?

---

<div class="post-metadata">

**Author:** ![shogunkaramazov](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/shogunkaramazov/32/108826_2.png) [@shogunkaramazov](https://forums.kodeco.com/u/shogunkaramazov)\
**Post date:** [January 11, 2020, 11:06pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/10 "2020-01-11T23:06:24Z")

</div>

@paulijr Does this work for you now?

---

<div class="post-metadata">

**Author:** ![paulijr](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/paulijr/32/81494_2.png) [@paulijr](https://forums.kodeco.com/u/paulijr)\
**Post date:** [January 12, 2020, 9:22pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/11 "2020-01-12T21:22:59Z")

</div>

Hello  
I went back to that chapter, and it works fine now (Xcode version 11.3)

---

<div class="post-metadata">

**Author:** ![gyam28](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/gyam28/32/81494_2.png) [@gyam28](https://forums.kodeco.com/u/gyam28)\
**Post date:** [May 21, 2020, 10:25pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/12 "2020-05-21T22:25:25Z")

</div>

As of now, with XCode Version 11.2.1 the .lineLimit(nil) is not working for me. Also none of the other mentioned .lineLimit options worked either.  
However, .multilineTextAlignment(.center) did the trick 🙂

---

<div class="post-metadata">

**Author:** ![shogunkaramazov](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/shogunkaramazov/32/108826_2.png) [@shogunkaramazov](https://forums.kodeco.com/u/shogunkaramazov)\
**Post date:** [July 7, 2020, 2:57am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/13 "2020-07-07T02:57:19Z")

</div>

@gyam28 Thank you for sharing this - much appreciated!

---

<div class="post-metadata">

**Author:** ![naplesdave](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/naplesdave/32/108827_2.png) [@naplesdave](https://forums.kodeco.com/u/naplesdave)\
**Post date:** [September 4, 2020, 10:20pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/14 "2020-09-04T22:20:23Z")

</div>

I’m using 11.7 and it works fine without any modifiers. It wraps on my screen.

---

<div class="post-metadata">

**Author:** ![abhays72](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/abhays72/32/81494_2.png) [@abhays72](https://forums.kodeco.com/u/abhays72)\
**Post date:** [September 19, 2020, 2:07pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/15 "2020-09-19T14:07:06Z")

</div>

Can we use Color Literals instead of going to google and searching for the hex code

---

<div class="post-metadata">

**Author:** ![malshan](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/malshan/32/81494_2.png) [@malshan](https://forums.kodeco.com/u/malshan)\
**Post date:** [October 6, 2020, 3:51pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/16 "2020-10-06T15:51:28Z")

</div>

Hi,

I’m using Xcode version 12.0.1 and there’s no need to add `lineLimit(nil)` to wrap the text.

---

<div class="post-metadata">

**Author:** ![devignr](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/devignr/32/81494_2.png) [@devignr](https://forums.kodeco.com/u/devignr)\
**Post date:** [December 17, 2020, 10:30am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/17 "2020-12-17T10:30:28Z")

</div>

Any tips for changing the navigationBarTitle accent color, so when we see the “\< Bullseye” link at the top of the about page we can change the color from blue to something else?

I tried this but it had no effect:

`.navigationBarTitle(“Bullseye”).accentColor(.white)`

---

<div class="post-metadata">

**Author:** ![yanko](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/yanko/32/81494_2.png) [@yanko](https://forums.kodeco.com/u/yanko)\
**Post date:** [January 26, 2021, 9:30am UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/18 "2021-01-26T09:30:29Z")

</div>

Using Xcode 12.3 and I found by trial and error, that just adding the background image to the VStack, also gave the same result in the simulator (that is the removing of the white space that was not filled by the VStack’s text views). So at least in 12.3, there is no need for wrapping the VStack in a Group (and then applying the background (image) to that. Or, have I missed something ?

Also, confirming text lines are wrapping around ok as well (without need for line limits)

---

<div class="post-metadata">

**Author:** ![shogunkaramazov](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/shogunkaramazov/32/108826_2.png) [@shogunkaramazov](https://forums.kodeco.com/u/shogunkaramazov)\
**Post date:** [March 14, 2021, 3:43pm UTC](https://forums.kodeco.com/t/your-first-ios-and-swiftui-app-challenge-styling-the-about-page-raywenderlich-com/81176/19 "2021-03-14T15:43:06Z")

</div>

Please check out the updated version of the course when you get a chance:

[https://www.raywenderlich.com/17493408-your-first-ios-and-swiftui-app-an-app-from-scratch](https://www.raywenderlich.com/17493408-your-first-ios-and-swiftui-app-an-app-from-scratch)

I hope it helps!
