[Bug] TabbedPage "goes under" Home Bar on iOS

[xDaijobu]

Description

TabbedPage inside FlyoutPage "goes under" Home Bar on iOS

Steps to Reproduce

1. Open & run the solution
2. Select one of the details by clicking the 'Punch Me' Button
   

IMG_6825.mov

Expected Behavior

Actual Behavior

Basic Information

• Version with issue: Xamarin.Forms 5.0.0.2515
• Last known good version: -
• Platform Target Frameworks:
  • iOS 16.1

Screenshots

Reproduction Link

https://github.com/xDaijobu/BugTabbedPageiOS

Workaround

[xDaijobu]

It only happens on the iOS simulator and device ( 14 Pro Max & 14 Pro ). Android, it's working fine ~

[jfversluis]

Just to be clear: it doesn't happen on iOS if it doesn't have the Dynamic Island? So it works fine on an iOS non-Pro?

[xDaijobu]

Just to be clear: it doesn't happen on iOS if it doesn't have the Dynamic Island? So it works fine on an iOS non-Pro?

yeahhh

[xDaijobu]

hmm, i just realised somethingg

there is a another bug @@

[KMWenyon]

I have the same issue, can you please provide eta on fix as this has huge impact on our production applications

[Phatfisher]

Affecting our production app as well and need a fix for this. Would love to see this resolved.

[samuelGrahame]

using System;
using System.Collections.Generic;
using System.Text;
using Xamarin.Forms.PlatformConfiguration.iOSSpecific;

public static void SetDefaultPageSettings(Xamarin.Forms.Page page)
{
    page.On<Xamarin.Forms.PlatformConfiguration.iOS>().SetUseSafeArea(true);            
}

if you use this does it solve the issue. as i had similar issue.

[giuseppenovielli]

@samuelGrahame your workaround not working. I set for 'SetUseSafeArea' for TabbedPage and every Page into tabbed.

@jfversluis @jsuarezruiz How i can fix this issue?

Thanks!

[samuelGrahame]

Not sure then, just commenting on this as I had a similar issue.

[giuseppenovielli]

Hi guys,
i have found a new workaround, thanks the following comment -> #14484 (comment)

So follow these steps:

1. Use SafeArea into FlyoutPage, and all pages into tabbed pages as @samuelGrahame says:

into code behind ->

public partial class MyFlyoutPage : FlyoutPage
    {
        public MyFlyoutPage()
        {
            InitializeComponent();
            SetDefaultPageSettings(this)
        }
    }

public partial class MyPageIntoTabbedBar : ContentPage
    {
        public MyPageIntoTabbedBar()
        {
            InitializeComponent();
            SetDefaultPageSettings(this)
        }
    }

2. Use the follow Custom TabbedPage to fix:

public class iOSDynamicIslandFixTabbedPage : TabbedPage
   public iOSDynamicIslandFixTabbedPage()
        {
            InitializeComponent();
            SetDefaultPageSettings(this)
        }

3. Add the following CustomRenderer into iOS project

[assembly: ExportRenderer(typeof(iOSDynamicIslandFixTabbedPage), typeof(iOSDynamicIslandFixTabbedPageCustomRenderer))]
namespace <namespace>.iOS.Views
{
    public class iOSDynamicIslandFixTabbedPageCustomRenderer : TabbedRenderer
    {
        public override void ViewDidAppear(bool animated)
        {
            base.ViewDidAppear(animated);

            if (View == null)
                return;

            var currentFrame = View.Frame;
            View.Frame = currentFrame.Inset(0, 1);
            View.Frame = currentFrame;
        }
    }
}

Enjoy! ;)

[15mgm15]

@giuseppenovielli I've spent 6 hours trying to find a workaround, I owe you a beer!

[jerryg78258]

You've saved me with this workaround! Thanks!