title: float right in react native with flexbox
body: <p>I want to float the button to the right side of the maps. Somehow it doesn't work. Can anybody help?</p>
  
  <pre><code>const styles = StyleSheet.create({
    mapContainer: {
      flex: 1,
    },
    map: {
      flexDirection: 'row',
      flex: 1,
      borderRadius: 4,
      borderWidth: 2,
      borderColor: 'purple',
      width,
      height,
    },
    button: {
      marginLeft: 'auto',
      borderRadius: 4,
      borderWidth: 2,
      borderColor: 'red',
    }
  })
  </code></pre>