Create Dropdown (Picker) in .NET MAUI

The .NET Multi-platform App UI (.NET MAUI) Picker control displays a short list of items or creates dropdown, from which the user can select an item. You can bind picker items using property ItemDisplayBinding.

Create Picker using XAML

You can create picker using XAML as below

<Picker x:Name="picker"
        Title="Select a fruit">
  <Picker.ItemsSource>
    <x:Array Type="{x:Type x:String}">
      <x:String>Mango</x:String>
      <x:String>Apple</x:String>
      <x:String>Banana</x:String>
      <x:String>Water Melon</x:String>
    </x:Array>
  </Picker.ItemsSource>
</Picker>

This will output to you as below in Android

The equivalent C# code is:

            var fruits = new List<string>();
            fruits.Add("Apple");
            fruits.Add("Mango");
            fruits.Add("Banana");
            fruits.Add("Water melon");

            Picker picker = new Picker { Title = "Select a fruit" };
            picker.ItemsSource = fruits;

You can also call On picker Item select method to check which item was selected, by adding property "SelectedIndexChanged ="OnPickerSelectedIndexChanged"" in XAML and in C# code behind, use the below code:

 void OnPickerSelectedIndexChanged(object sender, EventArgs e)
 {
     var picker = (Picker)sender;
     int selectedIndex = picker.SelectedIndex;

     if (selectedIndex != -1)
     {
        DisplayAlert("Selected Item", (string)picker.ItemsSource[selectedIndex], "Ok");
     }
 }

Now, once the dropdown (Picker) values is changed, we are calling OnPickerSelectedIndexChanged Method, which Displays selected item value.