How to customize the header view in .NET MAUI Picker (SfPicker)?

In the Syncfusion .NET MAUI Picker control, customize the header view by following the below demonstration.

You can customize the background, text style, and divider color of the SfPicker.

XAML:

Initially, the header is disabled as the default value of the Header Height property is 0. Set the Height property to a value greater than 0 to enable SfPicker’s header.

The background of the Header can be customized using Background and DividerColor of the Header can be customized using DividerColor.

<picker:SfPicker x:Name="picker">
  <picker:SfPicker.HeaderView>
      <picker:PickerHeaderView Text="Select a Country" 
                           Background="Orange" 
                           Height="40"
                           DividerColor="CadetBlue">
      </picker:PickerHeaderView>
  </picker:SfPicker.HeaderView>
</picker:SfPicker>

XAML:

Customization of header TextStyle elements like TextColor, FontSize, FontFamily, and FontAttributes is possible, as the following code demonstrates.

<picker:SfPicker x:Name="picker">
  <picker:SfPicker.HeaderView>
      <picker:PickerHeaderView Text="Select a Country" 
                           Background="Orange" 
                           Height="40"
                           DividerColor="CadetBlue">
          <picker:PickerHeaderView.TextStyle>
              <picker:PickerTextStyle TextColor="DarkBlue" 
                                  FontSize="20" 
                                  FontAttributes="Italic"/>
          </picker:PickerHeaderView.TextStyle>
      </picker:PickerHeaderView>
  </picker:SfPicker.HeaderView>
</picker:SfPicker>

View the sample on GitHub.

Output:

Conclusion:

I hope you enjoyed learning how to customize the header view in .NET MAUI Picker (SfPicker).

Refer to our .NET MAUI Maps feature tour page to learn about its other groundbreaking feature representations. You can explore our .NET MAUI Picker documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion, try our 30-day free trial to check out our .NET MAUI Picker and other .NET MAUI components.

Please let us know in the following comments section if you have any queries or require clarifications. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!