I'm still new to Xamarin and I'm having trouble in my code.
The user is entering information in a page. There is a picker where he chooses his area of living. There are over 3000 areas and it's very user unfriendly to make him scroll through the 3000 items 
So what I have in mind is that when the user clicks on the "area" section it opens a small dialog box like a popup. There is a text box or text entry at the top of this dialog and below it is the whole list as a list view or list items. However when the user enters the first couple of letters the list is automatically filtered with what the letters in the text box starts with. Then he chooses his preferred area and the same information should be returned back to the first page.
The "Area" section is a picker, is it doable to customize this picker to add a text entry like the snap shows?? (done on paint of course).
Or should we redirect the app to a new page however keep the controls appearing behind it so that the user doesn't feel he was redirected to a new instance. It kind of feels like a small dialog box or popup. Is this possible to do in Xamarin?
Any idea how to handle the click on the "Area" section, should it be a normal text entry or a label or we keep it as a picker?? The attached snap shows how my app looks.
I would also like some help in the code to handle the event when a text is changed in the text entry when the user types in anything, how to filter the list itself after getting input from the text box and how to return the chosen data back to the first original page.
Any help is much appreciated! Thanks!