title: Navigate to a new page when search bar is clicked
body: <p>I am using react native element search bar. By default when user clicks on the search bar, a keyboard with "Return" key in lower right corner is shown. How can I change this to display keyboard with "Search" key on lower right corner?</p>
  
  <p>Also when I click on the return key, I want a function to be called (Like: this.props.navigation.navigate("abc")). I do not want to use onBlur={() => this.props.navigation.navigate("abc")} as the user might just click else where on the screen and still this function would be called.</p>
  
  <p><a href="https://i.stack.imgur.com/sdONb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sdONb.jpg" alt="enter image description here"></a></p>