The statusbar overlap badge label in navigationitem iOS 11

[seasoft-phuc]

In iOS 10, it looks OK but in iOS 11, the statusbar overlap badge label when push navigation. Can anyone help me? Thanks
Please see my image: https://i.stack.imgur.com/aCKFy.png

[dcoria7]

Anyone can fix it?

[DamascenoRafael]

Any news about this?

[alshcompiler]

i found the answer in the closed issues ^__^

just add those two lines before adding the button to the bar item

button.frame = CGRectMake(0, 0, 70, 40)
button.badgeEdgeInsets = UIEdgeInsetsMake(10, 0, 0, 15)

of course you can adjust the insets to make the badge on your favourite spot

and here is a full example :

        let button = MIBadgeButton(type: .Custom)
        button.badgeString = "19"
        button.frame = CGRectMake(0, 0, 70, 40)
        button.badgeEdgeInsets = UIEdgeInsetsMake(10, 0, 0, 15)
        button.setTitle("edit", forState: .Normal)
        button.setTitleColor(UIColor.orangeColor(), forState: .Normal)
        let barButton = UIBarButtonItem(customView: button)

[DamascenoRafael]

@alshcompiler I tried exactly as you wrote, including the button as MIBadgeButton(type: .custom), but it didn't work :/ When I open the view the badget appears normal but soon after is cut by statusbar. But thanks for trying.

It's an open source project so if anyone wants to take a look at this part: https://github.com/caronae/caronae-ios/blob/master/Caronae/Ride/RideViewController%2BrideActions.swift#L24