SfTabItem titles cutting off in iOS (bottom orientation)
I'm using SfTabView (version 19.3.0.43) and populating its Items in my ViewModel based on the suggestion here: https://www.syncfusion.com/forums/136265/contentpage-as-tab-view-item
<tabView:SfTabView Items="{Binding Items}" TabHeaderPosition="Bottom" DisplayMode="ImageWithText">
</tabView:SfTabView>
The problem is that when testing in iOS the SfTabItem titles seems to be cutting off at the bottom as shown in picture below. I tried to add a bottom margin to both the SfTabView and to the SfTabViewItem but didn't work. This doesn't seem to happen in Android. How can I add extra space below my Titles so they don't cut off?
Here is my ViewModel code where I populate the Items:
Items = new TabItemCollection();
Items.Add(new SfTabItem { Content = picksMenuView.Content, Title = "PoolMgmtMenu_Picks".Translate(), ImageSource = "ic_group_work_grey_500_24dp" });
Items.Add(new SfTabItem { Content = standingsMenuView.Content, Title = "PoolMgmtMenu_Standings".Translate(), ImageSource = "ic_list_grey_500_24dp" });
Items.Add(new SfTabItem { Content = groupMenuView.Content, Title = "PoolMgmtMenu_Group".Translate(), ImageSource = "ic_group_grey_500_24dp" });
Items.Add(new SfTabItem { Content = financesMenuView.Content, Title = "PoolMgmtMenu_Finances".Translate(), ImageSource = "ic_attach_money_grey_500_24dp" });
Items.Add(new SfTabItem { Content = infoMenuView.Content, Title = "PoolMgmtMenu_Info".Translate(), ImageSource = "ic_info_grey_500_24dp" });
SIGN IN To post a reply.
4 Replies
SIGN IN To post a reply.
