CODEWITHSUNDEEP
iosxamarinxamarin.iosuisearchbar
Jayasai Goutheman
Jayasai Goutheman

Reputation: 197

Xamarin iOS Hide cancel button from Search Bar

I wanted to hide 'cancel' button in my iOS search bar. I have implemented the following custom renderer code but it seems not to to work. If anyone knows solution , please share.

public class iOSSearchBar : SearchBarRenderer 
    {
        protected override void OnElementChanged(ElementChangedEventArgs<SearchBar> args)
        {
            base.OnElementChanged(args);

        UISearchBar bar = (UISearchBar)this.Control;

        bar.AutocapitalizationType = UITextAutocapitalizationType.None;
        bar.AutocorrectionType = UITextAutocorrectionType.No;
        //bar.BarStyle = UIBarStyle.Default;
        //bar.BarTintColor = UIColor.LightGray;
        //bar.KeyboardType = UIKeyboardType.ASCIICapable;
        bar.SearchBarStyle = UISearchBarStyle.Minimal;
        bar.SetShowsCancelButton(false, false);
        bar.ShowsCancelButton = false;
}
}

Thanks in advance

Upvotes: 6

Views: 5157

Answers (4)

TheDeC
TheDeC

Reputation: 21

I spend some more time searching for this, so adding here in case someone else wants to do both. In case you also need to remove the X button as well, I found the solution in this comment

Upvotes: 0

Jana Filipensk&#225;
Jana Filipensk&#225;

Reputation: 361

This worked for me. https://gist.github.com/xleon/9f94a8482162460ceaf9

using System;
using Xamarin.Forms.Platform.iOS;
using Xamarin.Forms;
using UIKit;
using System.Diagnostics;

[assembly: ExportRenderer(typeof(SearchBar), typeof(Namespace.iOS.Renderers.ExtendedSearchBarRenderer))]
namespace Namespace.iOS.Renderers
{
    public class ExtendedSearchBarRenderer : SearchBarRenderer
    {
        protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            if (e.PropertyName == "Text")
            {
                Control.ShowsCancelButton = false;
            }
        }
    }
}

Upvotes: 12

PlusInfosys
PlusInfosys

Reputation: 3436

Write code to hide cancel button in layoutsubviews method. 

  public override void LayoutSubviews()
            {
                base.LayoutSubviews();
                UISearchBar bar = (UISearchBar)this.Control;
                bar.ShowsCancelButton = false;

            }

Following is also working or me, no need to subclass searcher:

SearchBar.TextChanged += delegate
            {
                SearchBar.ShowsCancelButton = false;

            };

Upvotes: 1

Ori Price
Ori Price

Reputation: 4231

I think i managed to remove it manually with:

 protected override void OnElementChanged(ElementChangedEventArgs<SearchBar> e)
    {
        base.OnElementChanged(e);
        if (Control != null)
        {
            Control.Subviews[0].Subviews[0].RemoveFromSuperview();          
        }
    }

Upvotes: 0

Related Questions