title: UITabBar width not increasing with screen size
body: <p>I am implementing a <code>UITabBar</code> within another <code>UITabBar</code>. My problem is that, the Second TabBar width remains constant regardless of the screen size. This stands out a lot in the bigger screens. I'm attaching a screenshot to make you understand better. Selection is indicated using a blue background
  <a href="https://i.stack.imgur.com/OCblF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OCblF.png" alt="First TabBar on Top Second on the bottom"></a></p>
  
  <p><a href="https://i.stack.imgur.com/LGnsK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LGnsK.png" alt="Second Tab in Second TabBar Selected"></a></p>
  
  <p><a href="https://i.stack.imgur.com/bPFyE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bPFyE.png" alt="Third tab Selected in Second TabBar Controller"></a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>GRect rect = CGRectMake(0, 0, self.tabBar.frame.size.width/2, self.tabBar.frame.size.height);
      UIGraphicsBeginImageContext(rect.size);
      CGContextRef context = UIGraphicsGetCurrentContext();
      CGContextSetFillColorWithColor(context,
                                     [[UIColor colorWithRed:102.0/255.0 green:197.0/255.0 blue:234.0/255.0 alpha:1.0] CGColor]);
  
      CGContextFillRect(context, rect);
      UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
      UIGraphicsEndImageContext();
      self.tabBar.selectionIndicatorImage = img;
  </code></pre>
  
  <p>The screenshots from iPhone6 Plus</p>
  
  <p><a href="https://i.stack.imgur.com/MVrKv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MVrKv.png" alt="Second Tab Of First TabBar selected(not part of the question, just to show the full picture)"></a></p>