Could somebody explain how this app (FoodSpotting), creates their custom section h
I achieved the desired result in a different way. Instead of using tableView:viewForheaderInSection:
(which doesn't work for me), I added an image view that holds the arrow image as a subview of the header view, and set the frame to be just below the header:
// Inside HeaderView.m
UIImageView *arrowImageView = [[UIImageView alloc] initWithImage:self.arrowImage];
arrowImageView.frame = CGRectMake(arrowX, frame.size.height, self.arrowImage.size.width, self.arrowImage.size.height);
[self addSubview:arrowImageView];
[arrowImageView release];
If you watch closely, there are two files (following-captionbubble-dark.png and following-captionbubble-dark@2x.png) in Foodspotting.app which look exactly like the arrow shown above in the question. So I guess they might have used a similar technique. Kudos to the Foodspotting team.