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

这是由于有4个或更多选项卡时激活了“换档模式”。您可以尝试通过某种方式修复它，请检查此答案是否可以解决您的问题： https://stackoverflow.com/a/56545801/9823528

Xamarin表单：Tabbedpage图标和标题重叠

1 个答案: