title: Make UIPickerView width fill the view
body: <p>I'm new to iOS developement and I'm stuck with a graphical problem:
  I created a UIPickerView that appear above a google maps view. I would like to have the picker view width match the main view width.
  Currently, the picker is always taking 3/4 of the view and is locate on the top left angle:</p>
  
  <p><a href="https://i.stack.imgur.com/vySUj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vySUj.png" alt="the picker is not center and does not fill the view"></a></p>
  
  <p>I try to do that:</p>
  
  <pre><code>func pickerView(pickerView: UIPickerView, widthForComponent component: Int) -&gt; CGFloat {
      return self.view.bounds.width
  }
  </code></pre>
  
  <p>But here is the result:
  <a href="https://i.stack.imgur.com/MUPRt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MUPRt.png" alt="The text inside picker is center but the picker does not fill the view"></a></p>
  
  <p>And here is what I would like to have:
  <a href="https://i.stack.imgur.com/lfdva.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lfdva.png" alt="My goal"></a>
  Any idea? Is it possible to set this in the storyboard and not in swift?</p>