title: React Native position search bar over map
body: <p>How can I position the search bar <strong>over</strong> the map instead of next to the map (screenshot)? I want to mimic the look and feel of the Google Maps app in mine. They have the bar above the ~ top 10% of the map.</p>
  
  <pre><code>&lt;View&gt;
          &lt;StatusBar backgroundColor="rgba(1.0, 0, 0, 0.2)" translucent /&gt;
          &lt;SearchBar
            ref='searchBar'
            placeholder='Find me'
            barStyle="black"
            showsCancelButtonWhileEditing={false}
          /&gt;
          &lt;MapView
            provider={ PROVIDER_GOOGLE }
            style={ styles.container }
            initialRegion={{
              latitude: 32.815013,
              longitude: -117.273404,
              latitudeDelta: 0.0922,
              longitudeDelta: 0.0421,
            }}
          /&gt;
        &lt;/View&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/OVtU4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OVtU4.png" alt="enter image description here"></a></p>