How to create picker with search ? .NET MAUI framework

Question

I can't find how create custom picker with search on .NET MAUI. Where can I find resources about it ?

Answer 1

Hello,

As a matter of fact, picker is combined by a read-only entry and a pop-up page, therefore, you could implement it by Popup.

Please refer to the following documentations:

• Get started.
• Popup.
• EventToCommandBehavior.

The following code code snippets could be helpful for you:

Entry:

   <Entry IsReadOnly="True" >   
       <Entry.GestureRecognizers>  
           <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/> // Open your Popup Page in TapGestureRecognizer_Tapped method.  
       </Entry.GestureRecognizers>  
   </Entry>  

Layout of Popup Page:

   <StackLayout VerticalOptions="Center"  Padding="10" HorizontalOptions="FillAndExpand" Margin="0,20,0,0" >   
       <StackLayout>  
           <SearchBar  x:Name="Searchbar">  
           </SearchBar>  
       </StackLayout>  
       <StackLayout>  
           <ListView  x:Name="ListView"  ItemsSource="{Binding Names}">  
               <ListView.ItemTemplate>  
                   <DataTemplate>  
                       <ViewCell>  
                           <Label Text="{Binding .}"/>  
                       </ViewCell>  
                   </DataTemplate>  
               </ListView.ItemTemplate>  
           </ListView>  
       </StackLayout>  
   </StackLayout>  

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

@zc - I think you will find good guidance on Maui SearchBar here.