Xamarin Forms：Tabbedpage 图标和标题重叠

Question

我在我的 xamarin 表单项目中创建了一个标签页。使用 android:TabbedPage.ToolbarPlacement="Bottom" 选项我将它添加到 android 设备的底部。但目前图标和文本在选项卡中重叠。

截图：

TabbedPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:local="clr-namespace:SmartWCM;assembly=SmartWCM"
            BarTextColor="#0091da"
            xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
            android:TabbedPage.ToolbarPlacement="Bottom"
            BarBackgroundColor="#f2f2f2"
            android:TabbedPage.BarItemColor="#0091da"
            android:TabbedPage.BarSelectedItemColor="#0091da"
            x:Class="Proj.MyTabbedPage">
</TabbedPage>

TabbedPage.xaml.cs

//I have added all the child from xaml.cs like below.
var homePage = new Pages.HomePage(false)
            {
                Title = "Home",
                Icon = "ic_home_xx.png"
            };

            var topicsPage = new TweetsTopicsPage()
            {
                Title = "Announcements",
                Icon = "ic_topics_fill_xx.png"
            };

            var groupPage = new TweetsGroupPage()
            {
                Title = "Class",
                Icon = "ic_group_xx.png"
            };

            var ABPage = new DirectoryPage()
            {
                Title = "Contacts",
                Icon = "ic_addressbook_xx.png"
            };
            Children.Add(homePage);
            Children.Add(topicsPage);
            Children.Add(groupPage);
            Children.Add(ABPage);

已发现相同的问题here。 xaml.cs 有什么办法可以解决这个问题吗？因为我在xaml.cs.

有很多条件

致 GiampaoloGabba

我从 here 添加了自定义渲染器，但文本仍然与图标重叠，请参见下面的屏幕截图。

Answer 1

这是由于 "shift mode" 当有 4 个或更多选项卡时激活。您可以尝试使用效果修复它，检查此答案是否解决了您的问题：

Xamarin Forms：Tabbedpage 图标和标题重叠

Xamarin Forms: Tabbedpage icon and title overlapping

overlapping

xamarin.forms