TabbedPage超3个标签时Android端标签文字不显示问题求助

先把你提供的TabbedPage代码整理成规范格式：

<TabbedPage ...>
    <TabbedPage.Children>
        <NavigationPage Title="MY_TITLE_1">
            <NavigationPage.Icon>
                <OnPlatform x:TypeArguments="FileImageSource">
                    <On Platform="Android" Value="icon1.png" />
                    <On Platform="iOS" Value="icon1.png" />
                </OnPlatform>
            </NavigationPage.Icon>
        </NavigationPage>
        <NavigationPage Title="MY_TITLE_2">
            <!-- 其他页面设置 -->
        </NavigationPage>
        <!-- 更多标签页面 -->
    </TabbedPage.Children>
</TabbedPage>

你遇到的是Android平台TabLayout的默认行为：当标签数量达到4或5个时，系统会自动切换到滚动模式，只显示当前选中标签的文字，未选中的仅保留图标。要让Android端和iOS一样始终显示所有标签文字，有两种实用的解决方法：

方案1：自定义Android渲染器（推荐，兼容性更佳） #

通过自定义TabbedPage的Android渲染器，直接修改底层TabLayout的属性，强制固定显示所有标签：

1. 在你的Android项目中创建一个自定义渲染器类（建议放在Renderers文件夹下）：

using Android.Content;
using Android.Support.Design.Widget;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(TabbedPage), typeof(CustomTabbedPageRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class CustomTabbedPageRenderer : TabbedPageRenderer
    {
        public CustomTabbedPageRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<TabbedPage> e)
        {
            base.OnElementChanged(e);

            // 获取底层的TabLayout控件
            if (ViewGroup != null && ViewGroup.GetChildAt(1) is TabLayout tabLayout)
            {
                // 设置标签模式为固定，强制所有标签在一行显示且保留文字
                tabLayout.TabMode = TabLayout.ModeFixed;
                // 设置标签填充整个宽度，避免出现空白区域
                tabLayout.TabGravity = TabLayout.GravityFill;
            }
        }
    }
}

记得把YourAppNamespace替换成你实际的项目命名空间哦。

2. 确保你的Android项目已经引用了Android.Support.Design库（较新的Xamarin.Forms版本通常已包含该依赖）。

方案2：通过Android样式配置 #

如果不想编写自定义渲染器，也可以通过修改Android样式文件实现：

1. 在Android项目的Resources/values/styles.xml中添加自定义样式：

<style name="FixedTabLayoutStyle" parent="Widget.Design.TabLayout">
    <item name="android:tabMode">fixed</item>
    <item name="android:tabGravity">fill</item>
</style>

2. 在XAML的TabbedPage中引用该样式，需先引入AndroidSpecific命名空间：

<TabbedPage ...
            xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
            android:TabbedPage.BarBackgroundStyle="@style/FixedTabLayoutStyle">
    <!-- 子页面内容 -->
</TabbedPage>

小提示 #

如果标签文字较长出现截断，可在渲染器中额外设置标签最小宽度或调整文字大小，比如添加：

for (int i = 0; i < tabLayout.TabCount; i++)
{
    var tabView = tabLayout.GetTabAt(i).View;
    tabView.MinimumWidth = 100; // 根据需求调整宽度
}

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