Search code examples
objective-ciosuiimageuinavigationbarstretching

UINavigationBar Back Button stretchable image too long

I am using the following code to customise the back button of our UINavigationBar. However, the image is stretched too far, resulting in an image like the following. Please can you tell me how to prevent this?

Thanks!

[[UIImage imageNamed:@"back_button"] stretchableImageWithLeftCapWidth:14 topCapHeight:0]

enter image description here

Original Back Button Image: enter image description here

Solution

  • The minimum width of the UIBarButtonItem is largely determined by the size of the image you provide. You should export your back arrow image from your editor so that there is only 1 pixel of tileable image content in the middle column of the image, such that the left and right portions can be used as the left and right caps:

    Back bar button item arrow example