Search code examples
iosios7ios6uitabbar

How do I remove the white corners from my TabBar when running under iOS 6

I'm trying to make my app look good under iOS 6 but am finding I have white corners with a black tip on the bottom edges of my tab bar. Any ideas how I can get rid of this effect?

Running on iOS 6

enter image description here

Close up of the white artefact

enter image description here

Running on iOS 7 (happy with this on iOS 7)

enter image description here

Solution

  • It turns out that the JASidePanelController we're using for our Navigation Drawer style slide-out side menu has the following method which the JASidePanelController calls when setting itself up: (due to the rounded corners applied under iOS 6, as mentioned by the developer in the header declaration)

    - (void)stylePanel:(UIView *)panel {
    panel.layer.cornerRadius = 6.0f;
    panel.clipsToBounds = YES;
}

    To remove the corners I overrode the method in my subclass

    - (void)stylePanel:(UIView *)panel {
    [super stylePanel:panel];

    [panel.layer setCornerRadius:0.0f];
}

    Weird corners are now gone on iOS 6, and everything looks fine on iOS 7 :-)

    enter image description here