[iOS] Shell tab titles don't truncate and they overlap in iOS unlike Android

[kklose23]

Description

When a shell tab has a long title, it will truncate in Android but overlap with other titles in iOS

iOS:

Android:

Steps to Reproduce

Create shell tabs with long titles

Link to public reproduction project repository

No response

Version with bug

8.0.6

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 17

Did you find any workaround?

No

I tried each of the following, which did not work:

public class CustomShellTabBarAppearanceTracker : ShellTabBarAppearanceTracker, IShellTabBarAppearanceTracker
{
  void IShellTabBarAppearanceTracker.SetAppearance(UITabBarController controller, ShellAppearance appearance)
  {
    base.SetAppearance(controller, appearance);

    var tabAppearance = controller.TabBar.StandardAppearance;

    var titleTextAttributes = controller
      .TabBar
      .StandardAppearance
      .StackedLayoutAppearance
      .Normal
      .TitleTextAttributes;

    titleTextAttributes.ForegroundColor = UIColor.Cyan;
    titleTextAttributes.ParagraphStyle = new NSMutableParagraphStyle
    {
      LineBreakMode = UILineBreakMode.TailTruncation
    };

    tabAppearance.StackedLayoutAppearance.Normal.TitleTextAttributes = titleTextAttributes;
    tabAppearance.InlineLayoutAppearance.Normal.TitleTextAttributes = titleTextAttributes;
    tabAppearance.CompactInlineLayoutAppearance.Normal.TitleTextAttributes = titleTextAttributes;
    tabAppearance.StackedLayoutAppearance.Selected.TitleTextAttributes = titleTextAttributes;
    tabAppearance.InlineLayoutAppearance.Selected.TitleTextAttributes = titleTextAttributes;
    tabAppearance.CompactInlineLayoutAppearance.Selected.TitleTextAttributes = titleTextAttributes;

    controller.TabBar.StandardAppearance = tabAppearance;
    controller.TabBar.ScrollEdgeAppearance = tabAppearance;
  }
}

  protected override IShellItemRenderer CreateShellItemRenderer(ShellItem item)
  {
    var renderer = base.CreateShellItemRenderer(item);
    if (renderer is not null)
    {
      if (renderer is ShellItemRenderer shellItem)
      {
        foreach (var tabBarItem in shellItem.TabBar.Items)
        {
          var uiView = tabBarItem.ValueForKey(new Foundation.NSString("view")) as UIView;
          if (uiView.Subviews.IsNotNullOrEmpty() && uiView.Subviews[1] is UILabel uiLabel)
          {
            uiLabel.LineBreakMode = UILineBreakMode.TailTruncation;
          }
        }
      }
    }

    return renderer;
  }

Relevant log output

No response

[kubaflo]

This is a default iOS behavior. Not much to be done here
@jfversluis I suggest closing this issue

[jfversluis]

Agreed, I think this is default iOS behavior, if you don't want to do this, truncate yourself and/or keep your tab titles short.