react-native-mapsに重畳(overlay)する際にレイアウトが崩れる問題

react-native-mapsで、マップの上にボタンを重畳しようとして、ずっとレイアウトが崩れてしまう問題があったが、 重畳したい要素にflexを指定していたのが原因でした。

以下のように、closing tagにして、styleにabsoluteを指定することで解決しました。

render() {
  return (
    <MapView
      region={this.state.region}
    />
    <OverlayComponent
      style={{position: “absolute”, bottom: 50}}
    />
  );
}

以上、参考までに