Xamarin.Forms TabbedPage-iOS平台移除“More”标签并显示全部6个标签页的实现方案咨询

嘿，这个问题我之前帮同事处理过，iOS的TabBar默认确实会在标签数量超过5个时自动生成那个烦人的「More」按钮，不过咱们完全可以通过自定义渲染器来绕过这个限制，直接把所有6个标签都显示出来，下面是具体的实现步骤，亲测有效：

其实iOS的UITabBar本身支持显示更多标签，只是系统默认把阈值设成了5个，咱们只需要通过自定义渲染器修改布局逻辑，同时调整标签的大小让它们适配屏幕宽度就行。

步骤1：在iOS项目中创建自定义渲染器 #

在你的iOS项目里新建一个渲染器类，继承自TabbedRenderer，记得用ExportRenderer属性关联你的TabbedPage：

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using UIKit;
using CoreGraphics;

[assembly: ExportRenderer(typeof(YourTabbedPage), typeof(CustomTabbedRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomTabbedRenderer : TabbedRenderer
    {
        public override void ViewWillAppear(bool animated)
        {
            base.ViewWillAppear(animated);

            if (TabBar?.Items == null || TabBar.Items.Length <= 5) 
                return;

            // 重置TabBar Items，触发系统重新计算布局，绕过默认的More按钮逻辑
            TabBar.Items = TabBar.Items;
            
            // 计算每个Tab的宽度，让所有标签刚好填满屏幕宽度
            var screenWidth = UIScreen.MainScreen.Bounds.Width;
            var tabCount = TabBar.Items.Length;
            var tabWidth = screenWidth / tabCount;

            // 调整每个Tab的样式，节省空间避免内容截断
            foreach (var tabItem in TabBar.Items)
            {
                // 移除图标内边距，让图标更紧凑
                tabItem.ImageInsets = UIEdgeInsets.Zero;
                // 缩小标题字体，避免文字换行
                tabItem.SetTitleTextAttributes(new UITextAttributes
                {
                    Font = UIFont.SystemFontOfSize(10)
                }, UIControlState.Normal);
            }

            // 强制设置每个Tab的尺寸
            TabBar.ItemSize = new CGSize(tabWidth, TabBar.Frame.Height);
            TabBar.ClipsToBounds = true;
        }
    }
}

关键细节说明 #

• 替换代码里的YourTabbedPage为你实际使用的TabbedPage子类名称，YourAppNamespace换成你的iOS项目命名空间。
• 如果你的Tab只使用图标（没有文字），可以把标题设为空，这样每个标签能更宽松一点，显示效果更好。
• 测试前记得清理iOS项目的缓存（比如删除模拟器里的APP，或者重启开发工具），有时候旧的渲染器缓存会导致修改不生效。
• 要是你已经迁移到.NET MAUI了，思路是一样的，只是渲染器基类换成TabbedPageHandler，修改的是Handler.PlatformView（也就是UITabBar）的属性，代码结构大同小异。

这样调整之后，iOS就不会再生成「More」按钮，而是直接把全部6个标签都显示在TabBar上了，我之前用这个方法帮同事解决过一模一样的问题，放心用就行！

内容的提问来源于stack exchange，提问作者miechooy