UITabBar will hide the last cell of the UITableView

Question

self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0.0, 0.0, 320.0, [UIScreen mainScreen].bounds.size.height ) style:UITableViewStylePlain];

enter image description here

If I change the tableview frame to

(0.0, 0.0, 320.0, [UIScreen mainScreen].bounds.size.height -49.0)

enter image description here

the scroll bar will leave a blank,I do not like it.How can I fix this?

Thank you very much.

possible duplicate of [Tab bar covers UITableView's last cell](http://stackoverflow.com/questions/3463157/tab-bar-covers-uitableviews-last-cell) — S1LENT WARRIOR, May 04 '15 at 10:28

score 50 · Accepted Answer · edited Aug 12 '14 at 19:12

50

You could try setting the contentInset of that table view. In iOS 7 there's a topLayoutGuide and bottomLayoutGuide (which is what you want). Inside of a UITabBarController the bottomLayoutGuide should give you the height of the bottom bar basically.

tableView.contentInset = UIEdgeInsetsMake(0, 0, self.bottomLayoutGuide.length, 0);

should do the trick.

edited Aug 12 '14 at 19:12

rihekopo

3,241
4
34
63

answered Nov 01 '13 at 03:45

Dennis

2,223
3
27
36

4

Thanks,tableView.contentInset = UIEdgeInsetsMake(0, 0, 49, 0) works! – jxdwinter Nov 01 '13 at 03:55
6

You probably want to avoid using any magic numbers here still. Especially when you support device rotation for instance. bottomLayoutGuide will always reflect the current height of your UITabBar. – Dennis Nov 01 '13 at 04:25
Yes sir, you are right.Now I'm using "self.bottomLayoutGuide.length". – jxdwinter Nov 01 '13 at 04:47
3

My self.bottomLayoutGuide.length when I log it returns 0. How can I fix it? Thanks! – jaytrixz Dec 28 '13 at 09:24
8

@jaytrixz It's probably 0 because layout has not occurred yet. Try updating the contentInset in your controller's viewDidLayoutSubviews method. – Bart Vandendriessche May 02 '14 at 08:08

Eric Amorde · Answer 2 · 2015-04-27T22:46:13.583

29

Set the translucent property to NO

// In init or viewDidLoad of tab bar controller
self.tabBar.translucent = NO;

Now the tab bar should resize the table view.

The translucent property is available iOS 7 and up.

edited Apr 27 '15 at 22:46

answered Nov 01 '13 at 03:47

Eric Amorde

1,068
9
19

4

so frustrating to see so many people suggesting setting the opaque tab bar to translucent. do u not understand the problem the OP is asking? – Gerald Jun 21 '17 at 22:59
`self.tabBar.isTranslucent = false` for swift 4 – Wahab Khan Jadon Feb 21 '21 at 08:43

score 4 · Answer 3 · answered Apr 19 '17 at 07:58

4

You have 2 options:

First

self.tableView.contentInset.bottom = self.tabBarController?.tabBar.frame.height ?? 0

This will do the trick and save the transparent property of the tab bar.

Second In design view just uncheck the option Under Bottom Bars, But put in your mind the tab bar will look like solid color (no thing behind it).

answered Apr 19 '17 at 07:58

Wajih

4,227
2
25
40

I wanted to use heightForFooterInSection and return tabbar height , but "Under bottom bars" is better solution if u have tabbar with many tableviews. – ShadeToD Sep 21 '19 at 07:48

score 1 · Answer 4 · answered Nov 19 '16 at 10:23

1

// In viewDidLoad() the following lines worked for me

self.edgesForExtendedLayout = UIRectEdge.None self.navigationController?.navigationBar.translucent = false self.tabBarController?.tabBar.translucent = false

answered Nov 19 '16 at 10:23

Abhijeet Mallick

1,740
2
16
21

score 1 · Answer 5 · answered Feb 27 '18 at 12:25

1

Swift:

self.tabBar.isTranslucent = false

_{Note: @Eric Amorde answers converted to Swift.}

answered Feb 27 '18 at 12:25

Hemang

26,840
19
119
186

UITabBar will hide the last cell of the UITableView

5 Answers5