【iOS】.NET MAUIのTabbedPageでアイコンが大きくなる問題の解決方法

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:android="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;assembly=Microsoft.Maui.Controls"
    xmlns:page="clr-namespace:SampleApp.Pages"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    android:TabbedPage.ToolbarPlacement="Bottom"
    x:Class="SampleApp.Pages.SampleTabPage">
    <page:SamplePage1 />
    <page:SamplePage2 />
    <page:SamplePage3 />
</TabbedPage>

using Microsoft.Maui.Controls.Handlers.Compatibility;
using UIKit;

// 名前空間はプロジェクトに合わせてください。
namespace SampleApp.Platforms.iOS.Renderer;

public class CustomTabbedRenderer : TabbedRenderer
{
    public override void AddChildViewController(UIViewController childController)
    {
        base.AddChildViewController(childController);
        if (childController.TabBarItem.Image is null) return;
        // アイコンのサイズを制御しています。
        childController.TabBarItem.ImageInsets = new UIEdgeInsets(35, 0, 35, 0);
    }
}

        builder.ConfigureMauiHandlers(handlers =>
        {
#if IOS
            handlers.AddHandler<TabbedPage, SampleApp.Platforms.iOS.Renderer.CustomTabbedRenderer>();
#endif
        });

// 名前空間はプロジェクトに合わせてください。
namespace SampleApp;

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder.UseMauiApp<App>();

        /* ----- 追加部分 ----- */
        builder.ConfigureMauiHandlers(handlers =>
        {
            // ConfigureMauiHandlersに以下の部分を追加します。
#if IOS
            handlers.AddHandler<TabbedPage, SampleApp.Platforms.iOS.Renderer.CustomTabbedRenderer>();
#endif
        });
        /* ----- 追加部分 ----- */

        return builder.Build();
    }
}