How to fix iPhoneX back button image position?

Question

I am getting issue with iPhoneX back button image. It is not in right position as you can see in the screenshot

I am using below code for setting back image

class AppDelegate: UIResponder, UIApplicationDelegate {
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        UINavigationBar.appearance().backIndicatorImage = #imageLiteral(resourceName: "btn-back")
        UINavigationBar.appearance().backIndicatorTransitionMaskImage = #imageLiteral(resourceName: "btn-back")
        UIBarButtonItem.appearance().setBackButtonTitlePositionAdjustment(UIOffsetMake(0, -80.0), for: .default)
        return true
    }
}

Can anyone please explain why it's not at correct position and how to fix this ?

Check this answer: https://stackoverflow.com/questions/46193204/custom-back-indicator-image-and-ios-11 — Francesco Deliro, Nov 09 '17 at 11:54

Jack · Answer 1 · 2017-11-10T04:30:04.400

You can use topItem?.title for setting up Navigation title as:

Method 1:

self.navigationController?.navigationBar.topItem?.title = ""

Output:

Method 2:

 let yourBackImage = UIImage(named: "back-Image")
 self.navigationController?.navigationBar.tintColor = .red//.blue as you required
 self.navigationController?.navigationBar.backIndicatorImage = yourBackImage
 self.navigationController?.navigationBar.backIndicatorTransitionMaskImage = yourBackImage
 self.navigationController?.navigationBar.topItem?.title = ""

Output:

Note: As Apple Human Interface GuideLine The navigation bar back image size should be-

75px × 75px(3x)

Sample image 3x(75 x 75)-

How to fix iPhoneX back button image position?

1 Answers1