title: Search Bar style changes in Xamarin Forms
body: <p>I need to use Search Bar in my application for both Xamarin Android and Xamarin iOS.</p>
  
  <p>I have to achieve below search bar in my application.</p>
  
  <p><a href="https://i.stack.imgur.com/Xup4y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xup4y.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/Tx0Bf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tx0Bf.png" alt="enter image description here"></a></p>
  
  <p>Please find code used in xaml,</p>
  
  <pre><code>&lt;Frame Padding="0" OutlineColor="DarkGray" HasShadow="True" HorizontalOptions="FillAndExpand"  VerticalOptions="Center"&gt;
                      &lt;SearchBar x:Name="searchBar" Placeholder="Search" PlaceholderColor="LightGray" TextColor="#000000" HorizontalOptions="FillAndExpand" VerticalOptions="Center" TextChanged="SearchBar_TextChanged"/&gt;
                  &lt;/Frame&gt;
  </code></pre>
  
  <p>My search bar look like below, Need to remove the highlighted line from xamarin android.
  <a href="https://i.stack.imgur.com/0CRiw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0CRiw.png" alt="enter image description here"></a>
  Also find search bar renderer code,</p>
  
  <pre><code>protected override void OnElementChanged(ElementChangedEventArgs&lt;SearchBar&gt; e)
          {
              base.OnElementChanged(e);
              var color = global::Xamarin.Forms.Color.LightGray;
              var searchView = (Control as SearchView);
              var searchIconId = searchView.Resources.GetIdentifier("android:id/search_mag_icon", null, null);
              if (searchIconId &gt; 0)
              {
                  var searchPlateIcon = searchView.FindViewById(searchIconId);
                  (searchPlateIcon as ImageView).SetColorFilter(color.ToAndroid(), PorterDuff.Mode.SrcIn);
              }
              var symbolView = (Control as SearchView);
              var symbolIconId = symbolView.Resources.GetIdentifier("android:id/search_close_btn", null, null);
              if(symbolIconId&gt;0)
              {
                  var symbolPlateIcon = symbolView.FindViewById(symbolIconId);
                  (symbolPlateIcon as ImageView).SetColorFilter(color.ToAndroid(), PorterDuff.Mode.SrcIn);
              }
          }
  </code></pre>
  
  <p><strong>Xamarin Android:</strong>
  I have used frame control to show border in Search Bar. I have to remove search bar border bottom line or border color in it.</p>
  
  <p><strong>Xamarin iOS:</strong>
  I have to acheive search bar control as seems in picture. I have to remove cancel word shown in search bar while searching in it. Also need to remove radius around in it.</p>
  
  <p>Anyone suggest on this?</p>