Xamarin iOS: UITabBarController BarTintColor not working in iOS 15

Wong Wei Loon 11

I came across a similar issue in this post.

I have a tab bar renderer class for iOS, in ViewWillAppear(), I use code TabBar.BarTintColor = UIColor.Blue to change tab bar color, it works only for iOS below than iOS15 but not in iOS15.

I tried to convert UINavigationBar ( iOS code ) into UITabBar (Xamarin.iOS C#).

iOS Native Code:

let appearance = UINavigationBarAppearance()
appearance.configureWithOpaqueBackground()
appearance.backgroundColor = <your tint color>
navigationBar.standardAppearance = appearance;
navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance

my own code for Xamarin.iOS C#

if (UIDevice.CurrentDevice.CheckSystemVersion(15, 0))
{
    var appearance = new UITabBarAppearance();
    appearance.ConfigureWithOpaqueBackground();
    appearance.BackgroundColor = UIColor.Blue;
    this.TabBarController.TabBar.StandardAppearance = appearance;
}
else
     TabBar.BarTintColor = UIColor.FromRGB((float)rgbColorBackground.R, (float)rgbColorBackground.G, (float)rgbColorBackground.B);

However, there is no reference to "scrollEdgeAppearance" in UITabBar class Xamarin.iOS C#, and it seems important to add this to solve the issue. I'd be grateful if someone can give me some advice or point out my mistakes.

JarvanZhang 23,951 Reputation points

2021-09-24T06:22:14.457+00:00

Hello WongWeiLoon-2912. The parameters and methods in Xamarin.iOS may be a little different than the code of native ios. Try using 'navigationBar.ScrollEdgeAppearance' code instead as below:
Wong Wei Loon 11 Reputation points

2021-09-24T06:48:08.187+00:00

Hello @JarvanZhang ,

Thanks for replying my question.

I came across an issue that the bottom bar's color not showing a correct color and it changed into transparent/white. This only happens for iOS15 and it looks like UITabBarController BarTintColor not working in iOS15.
And, I assuming that I need to convert the code from UINavigationBar to UITabBar. However, I don't see any reference to "scrollEdgeAppearance" in UITabBar class.

Do you have any ideas is "scrollEdgeAppearance" available in UITabBar ?
Sanaj Muhammed Shaji 6 Reputation points

2021-09-24T07:15:58.287+00:00
public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{

if (UIDevice.CurrentDevice.CheckSystemVersion(13, 0))
{
var appearance = new UINavigationBarAppearance();
appearance.ConfigureWithTransparentBackground();
appearance.LargeTitleTextAttributes = new UIStringAttributes() { ForegroundColor = UIColor.White };
appearance.BackgroundColor = UIColor.FromRGB(0,47,135);
appearance.TitleTextAttributes = new UIStringAttributes() { ForegroundColor = UIColor.White };

UINavigationBar.Appearance.CompactAppearance = appearance; UINavigationBar.Appearance.StandardAppearance = appearance; UINavigationBar.Appearance.ScrollEdgeAppearance = appearance; } UINavigationBar.Appearance.Translucent = false;

}}
JarvanZhang 23,951 Reputation points

2021-09-24T07:50:38.087+00:00

Do you have any ideas is "scrollEdgeAppearance" available in UITabBar

UITabBar class doesn't provide the 'ScrollEdgeAppearance' property, it only has 'StandardAppearance' property.
Wong Wei Loon 11 Reputation points

2021-09-24T08:44:21.113+00:00

No luck. Tab bar still showing transparent/white color for iOS15.
Correct me if I'm wrong, I believe i would need UITabBarAppearance instead of UINavigationBarAppearance.
Sanaj Muhammed Shaji 6 Reputation points

2021-09-24T09:00:37.813+00:00

Hi,
I could change the tab bar color using the below line

UITabBar.Appearance.BackgroundColor = UIColor.Red;
Joacim Wall 1 Reputation point

2021-10-01T08:37:38.507+00:00

Hi
I this this to solve transparent tabbar in IOS 15.

public override bool FinishedLaunching(UIApplication app, NSDictionary options)

// Color of the selected tab icon:
UITabBar.Appearance.SelectedImageTintColor = AppColors.Primary500Color.ToUIColor();
UITabBar.Appearance.BackgroundColor = AppColors.WhiteColor.ToUIColor();
if (UIDevice.CurrentDevice.CheckSystemVersion(15, 0))
UITabBar.Appearance.ScrollEdgeAppearance = new UITabBar().StandardAppearance;

Regards Joacim

}

1 answer

Alberto A 6 Reputation points

2021-10-01T20:52:50.287+00:00

I added only this line and it fixed it
public override bool FinishedLaunching(UIApplication app, NSDictionary options){
UITabBar.Appearance.BackgroundColor = UIColor.Black;}

That fixed it and looks like it used to look <15
Please sign in to rate this answer.

1 person found this answer helpful.

0 comments No comments
Sign in to comment

Share via

Xamarin iOS: UITabBarController BarTintColor not working in iOS 15

1 answer