Answers

• LeonLu Member, Xamarin Team Xamurai

  December 2019 Accepted Answer

  Do you want to achieve the result like following GIF?
  

  If so you can achieve it by custom renderer for shell.

  First of all, create class MyShellRenderer

  [assembly: ExportRenderer(typeof(Xaminals.AppShell), typeof(Xaminals.Droid.MyShellRenderer))]
   namespace Xaminals.Droid
  {
    public class MyShellRenderer : ShellRenderer
    {
        public MyShellRenderer(Context context) : base(context)
        {
  
        }
  
  
        protected override IShellBottomNavViewAppearanceTracker CreateBottomNavViewAppearanceTracker(ShellItem 
        shellItem)
      {
          return new MyShellBottomNavViewAppearanceTracker(this);
      }
     }       
    }
  

  Then create a MyShellBottomNavViewAppearanceTracker class, set the bottomView.LabelVisibilityMode to LabelVisibilityMode.LabelVisibilityUnlabeled

      internal class MyShellBottomNavViewAppearanceTracker : IShellBottomNavViewAppearanceTracker
     {
      private MyShellRenderer myShellRenderer;
  
      public MyShellBottomNavViewAppearanceTracker(MyShellRenderer myShellRenderer)
      {
          this.myShellRenderer = myShellRenderer;
      }
  
      public void Dispose()
      {
         // throw new System.NotImplementedException();
      }
  
      public void ResetAppearance(BottomNavigationView bottomView)
      {
          //throw new System.NotImplementedException();
      }
  
      public void SetAppearance(BottomNavigationView bottomView, ShellAppearance appearance)
      {
  
          bottomView.LabelVisibilityMode = LabelVisibilityMode.LabelVisibilityUnlabeled;
      }
     }
  

  5
• ssamix Member ✭✭✭

  April 2020 edited April 2020

  what about on ios custom renderer? only problem bottom tabbar background color invsible now any solution? and In bottom tabbar I use fontawesome but when FontImageSource size=48 not working any solution for larger fonts.?. thanks

  0
• ssamix Member ✭✭✭

  April 2020

  @ssamix said:
  what about on ios custom renderer? only problem bottom tabbar background color invsible now any solution? and In bottom tabbar I use fontawesome but when FontImageSource size=48 not working any solution for larger fonts.?. thanks

  <Style x:Key="HomeShell" TargetType="Element" BasedOn="{StaticResource BaseStyle}">
      <Setter Property="Shell.TabBarBackgroundColor" Value="{StaticResource HomeBColor}" />
  </Style>
  

  0