UIStackview aligning and dividers

Question

I'm trying to create a horizontal stackview inside of a table view cell that displays information that is separated by dividers. Essentially, I want my stackview to end up looking like the solution here: Create Vertical lines between Uilabels inside of a stack view.

However, mine ends up looking like this:

I'm having trouble making the padding of post and members more even. Also, how can I make the divider lines shorter like depicted in the solution provided above.

thanks in advance.

I don't know why members and posts are automatically getting shoved to the left and right edge of the screen. — YouKnowWhyImHere, Aug 20 '17 at 20:39
It tells you how to do it without numbers at the top.... and i i'm looking to make it more equal spaced as I stated in the question. — YouKnowWhyImHere, Aug 20 '17 at 20:44

score 1 · Answer 1 · answered Aug 20 '17 at 20:44

1

Play around with the stack view's distribution setting; "fill equally" should give you something closer to what you want.

The divider line height depends on the height of the stack view (which in turn depends on the cell height, as specified in tableView(_:heightForRowAt:)), so either make the stack view smaller or nest your dividers in a bigger view, setting a certain distance from the edges.

answered Aug 20 '17 at 20:44

juliand665

2,664
1
16
16

Thanks for the help! – YouKnowWhyImHere Aug 20 '17 at 20:51

UIStackview aligning and dividers

1 Answers1