How do I implement CustomMoreNavigationControllerDelegate (to stylize the tabbed bar More menu) using ShellRenderer?

Question

Previously I was able to use the TabbedRenderer to customize the tab bar More menu as so...

public class ExtendedTabbedPageRenderer : TabbedRenderer  
{  
    protected override void OnElementChanged(VisualElementChangedEventArgs e)  
    {  
        base.OnElementChanged(e);  
  
        if (e.NewElement != null)  
        {   
            MoreNavigationController.Delegate = new CustomMoreNavigationControllerDelegate();  
        }  
    }  
}  

How do I do the equivalent with ShellRenderer (since there is no OnElementChanged override)? I'd like to use my existing CustomMoreNavigationControllerDelegate class (if possible) which contains all the styling logic

Answer 1

Hello,

If you want to stylize the tabbed bar more menu by using ShellRenderer, you could refer to the official documentation: Xamarin.Forms Shell custom renderers, and find the CreateTabBarAppearanceTracker on iOS platform.

There, we could use ShellRenderer to override this function to customize the Tabbar appearance. Here is a sample about modify the text of the more menu:

   public class MyShellRenderer : ShellRenderer  
   {  
       protected override IShellTabBarAppearanceTracker CreateTabBarAppearanceTracker()  
       {  
           return new TabBarAppearance();  
       }  
   }  
     
   public class TabBarAppearance : IShellTabBarAppearanceTracker  
   {  
       //other methods were omitted  
       public void UpdateLayout(UITabBarController controller)  
       {  
           UITabBar tb = controller.MoreNavigationController.TabBarController.TabBar;  
           if (tb.Subviews.Length > 4)  
           {  
               UIView tbb = tb.Subviews[4];  
               UILabel label = (UILabel)tbb.Subviews[1];  
               label.Text = "CusMore";  
           }  
       }  
   }  

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.