title: How to hide the search icon in the search bar in xamarin forms
body: <p>I want to hide the search icon in the search bar in Xamarin Forms. This is the UI I require.</p>
  
  <p><a href="https://i.stack.imgur.com/tBhou.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tBhou.png" alt=""></a></p>
  
  <p>This is the custom renderer I'm using</p>
  
  <pre><code>[assembly: ExportRenderer(typeof(searchTab), typeof(StyledSearchBarRenderer))]
  namespace RestaurantApp.Droid.Renderers
  {
      class StyledSearchBarRenderer : SearchBarRenderer
      {
          protected override void OnElementChanged(ElementChangedEventArgs&lt;SearchBar&gt; e)
          {
              base.OnElementChanged(e);
              if (Control != null)
              {
                  var color = global::Xamarin.Forms.Color.LightGray;
                  var searchView = Control as SearchView;
  
                  int searchPlateId = searchView.Context.Resources.GetIdentifier("android:id/search_plate", null, null);
                  Android.Views.View searchPlateView = searchView.FindViewById(searchPlateId);
                  searchPlateView.SetBackgroundColor(Android.Graphics.Color.Transparent);
  
              }
          }
      }
  }
  </code></pre>
  
  <p>This is my XAML code</p>
  
  <pre><code>  &lt;Frame Padding="0" OutlineColor="DarkGray" HasShadow="True" HorizontalOptions="FillAndExpand"  VerticalOptions="Center"&gt;
                  &lt;local:searchTab x:Name="searchBar" Placeholder="Please search for a vendor or product name" PlaceholderColor="Black" TextColor="Black" HorizontalOptions="FillAndExpand" VerticalOptions="Center" /&gt;
  
              &lt;/Frame&gt;
  </code></pre>
  
  <p>This is what I have to hide</p>
  
  <p><a href="https://i.stack.imgur.com/0nwJA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0nwJA.png" alt=""></a></p>
  
  <p>I'm not getting any examples or any code to accomplish this in Xamarin Forms. any suggestions?</p>