We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Picker control is an item selector control that can be opened as a dialog. It allows users to pick an item from a list that can be modified with custom views. Its rich feature set includes functionalities like data binding, multiple-column layout, cascading selection, and headers and footers with custom views.


Xamarin.Forms Picker Code Example

Easily get started with the Xamarin.Forms Picker using a few simple lines of XAML and C# code example as demonstrated below. Also explore our Xamarin Picker Example that shows you how to render and configure a Picker in Xamarin.Forms.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:syncfusion="clr-namespace:Syncfusion.SfPicker.XForms;assembly=Syncfusion.SfPicker.XForms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="GettingStarted.PickerSample">
  <ContentPage.Content>
    <syncfusion:SfPicker x:Name="picker" />
  </ContentPage.Content>
</ContentPage>
using Syncfusion.SfPicker.XForms;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace GettingStarted
{
    [XamlCompilation(XamlCompilationOptions.Compile)]

    public partial class PickerSample : ContentPage
    {
        SfPicker picker;
        public PickerSample()
        {
            InitializeComponent();
            picker = new SfPicker();
            this.Content = picker;
        }
    }
}

Data binding

Data binding works out of the box for the most popular data sources. The Xamarin.Forms Picker control can automatically generate its columns based on the data source structure.

Xamarin.Forms picker to select a color

Default

When the Xamarin Picker control populates a collection in a row, it will automatically be assumed to be a single-column picker.

Xamarin.Forms picker control with two columns to select a state based on country

Cascading

The Xamarin.Forms Picker control can populate two or more collections in a row. Also, users can define a column’s data source based on selected items from another column for a particular use case. For example, you can define two columns, “Country” and “State”, where the “State” column’s data source is dependent on the “Country” column’s selected item, thus creating a country-state picker.


Dialog

The Xamarin Picker can either be set directly to a layout as stand-alone or can show as a dialog on button click.

Xamarin.Forms Picker control with dialog


Xamarin.Forms Picker control with looping

Looping

Looping support is used to automatically loop the list of items after reaching the last item multiple times.


Header content to annotate the usage of the Xamarin.Forms picker control

Control header

You can provide the control a heading with a completely customizable font, text color, etc.

Xamarin.Forms picker control with column header text to annotate date-time picker columns

Column header

You can provide a separate heading for each column. Column headers’ font, text colors, etc. are completely customizable.


The Xamarin.Forms Picker control provides validation buttons (OK and Cancel) in the footer, which determines whether or not to perform the selection operation. Also, the footer can hold a custom view.

The default footer contains validation buttons (OK and Cancel).

Xamarin.Forms picker control with validation buttons in the footer

Footers can have a custom view.

Xamarin.Forms Picker control footer with custom views for validation, reset, and selecting current date


Custom template

The Xamarin.Forms Picker control accepts a template for picker items that can change their appearance.

Xamarin.Forms Picker control items with image annotations as content using templates


Custom picker

With simple customization, the Xamarin.Forms Picker control can be used as a date, time, or language picker.

Date picker using the Xamarin.Forms picker control

Date picker

Select a date with the date picker.

Time picker using the Xamarin.Forms picker control

Time picker

Select a time with the time picker.

Language picker using the Xamarin.Forms picker control

Language picker

Select a language with the language picker.

Color picker

Pick a color with the color picker.

Color picker using the Xamarin.Forms picker control


Localization

By adding the a.resx file to a .NET Standard project, you can localize Xamarin Picker across all platforms.

Xamarin Picker control with localization




150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

The Syncfusion Xamarin Picker supports the following features:

You can find our Xamarin Picker demo, which demonstrates how to render and configure Picker.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile