title: Remove clear button (grey x) to the right of UISearchBar when cancel button tapped
body: <p>Right, to begin my question, here's some screenies of the problem already solved by the Spotify app:</p>
  <p><strong>Spotify's Step 1:</strong> Standard UISearchBar not in editing mode.</p>
  <p><a href="https://i.stack.imgur.com/VtqQ6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VtqQ6.png" alt="Step 1" /></a></p>
  
  <p><strong>Spotify's Step 2:</strong> UISearchBar now in editing mode. Search term entered. Cancel button slides in from the right, and the clear button (grey x) appears.</p>
  <p><a href="https://i.stack.imgur.com/Yd5kN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yd5kN.png" alt="Step 2" /></a></p>
  
  <p><strong>Spotify's Step 3:</strong> Cancel button pressed; keyboard slides out and the search bar is no longer in editing mode. Search term remains and the <strong>grey x button is now hidden</strong>.</p>
  <p><a href="https://i.stack.imgur.com/C0uqu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C0uqu.png" alt="Step 3" /></a></p>
  
  <p>At present, the following code fires off when <em>my</em> cancel button is pressed:</p>
  <pre><code>- (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar {
      [searchBar resignFirstResponder];
      [searchBar setShowsCancelButton:NO animated:YES];
  }
  </code></pre>
  <p>Which results in:</p>
  <p><strong>My Step 3:</strong> Search bar now not in editing mode. Cancel button and keyboard has slid out. Search term remains but so does the grey x.</p>
  <p><a href="https://i.stack.imgur.com/GIHKU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GIHKU.png" alt="Problem" /></a></p>
  
  <p>So, my question is this: given that <code>-resignFirstResponder</code> (and <code>-endEditing:</code>, FYI) does <strong>not</strong> hide the grey x button when a search bar has had text entered into it, how does one hide it?</p>
  <p>Thanks again, friends.</p>