title: How to add search bar in navigation bar of tabbed page
body: <p>I am using the xamarin. forms application, where there will be two tabs with a search icon in the navigation bar. What I wanted here to implement is, when the search icon is tapped all the navigation bar and the tabs should disappear and open the search bar with respect to the current tab.</p>
  
  <p>The example: initially, the page will be like as</p>
  
  <p><a href="https://i.stack.imgur.com/T15yh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T15yh.png" alt="enter image description here"></a></p>
  
  <p>when the search icon is tapped, I want the view as follows.</p>
  
  <p><a href="https://i.stack.imgur.com/dnHy1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dnHy1.png" alt="enter image description here"></a></p>
  
  <p>how can it be achieved?</p>