は、ネイティブの引き出しは、私が使用してGoogleマップを含む単一の画面アプリ起動する<a href="https://www.npmjs.com/package/react-native-navigation" rel="nofollow noreferrer">react-native-navigation</a>を使用していますマップ

Question

の上にスワイプで開かないリアクト - react-native-mapsと左の引き出し：

ナビゲーション：

Navigation.startSingleScreenApp({ 
     screen: { 
      screen : 'map.MapScreen', 
      title : 'Map', 
      navigatorStyle: { 
       navBarHidden: true 
      } 
     }, 
     drawer : { 
      left : { 
       screen : 'drawer.DrawerScreen', 
       passProps: {} 
      }, 
      disableOpenGesture: true 
     }, 
     animationType: 'slide-down', 
     passProps: {} 
    }) 

MapScreenを：私は引き出しを開くしようとした場合

export default class MapScreen extends Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     return (
      <View style={styles.container}> 
       <MapView 
        style={styles.map} 
        provider={PROVIDER_GOOGLE}> 
       </MapView> 
      </View> 
     ) 
    } 



} 

const styles = StyleSheet.create({ 
    container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     zIndex: -1 
    }, 
    map: { 
     ...StyleSheet.absoluteFillObject, 
    }, 
}); 

残念ながら、右にスワイプして、マップ上で、それは開きません。

誰でもこれを修正する方法はありますか？

Answer 1

...マップスタイルのStyleSheet.absoluteFillObjectを使用しないでください。 これを行うと、あなたの問題を解決します

const React = require("react-native"); 
 

 
const { StyleSheet, Dimensions } = React; 
 
const { width, height } = Dimensions.get("window"); 
 
export default { 
 

 
    map: { 
 
    width: width, 
 
    height: height 
 
    } 
 
};