xamarin.formstabbarcustom-rendererapp-shell

Disable the Shadow Animation in Shell TabBar


If I switch between my different tabs, I allways get this little click animation that looks like a shadow or sth. I use a custom Renderer for my Shell, but how can I disable this animation?

Here is a picture of the click animation


Solution

  • I found the solution by myself. Here is my code:

            public void ResetAppearance(BottomNavigationView bottomView)
            {
                
            }
            public void SetAppearance(BottomNavigationView bottomView, IShellAppearanceElement appearance)
            {
                Android.Graphics.Color elevationBGColor = ((Color)Xamarin.Forms.Application.Current.Resources["ElevationBGColor"]).ToAndroid();
    
    
                bottomView.LabelVisibilityMode = LabelVisibilityMode.LabelVisibilityUnlabeled;
                bottomView.SetBackgroundColor(elevationBGColor);
                int[][] Tintstates = new int[][]
                {
                    new int[] {-Android.Resource.Attribute.StateChecked}, // unchecked
                    new int[] { Android.Resource.Attribute.StateChecked}  // pressed
                };
    
                int[] Tintcolors = new int[]
                {
                    Xamarin.Forms.Color.White.ToAndroid(),
                    ((Color)Xamarin.Forms.Application.Current.Resources["PrimaryColor"]).ToAndroid()
                };
    
                ColorStateList TintList = new ColorStateList(Tintstates, Tintcolors)
    
                bottomView.ItemIconTintList = TintList;
                bottomView.ItemRippleColor = null;
            }
    

    In this code I also set a color change to the item i selected in my navbar, but the code i was searching for was

    bottomView.ItemRippleColor = null;