陣營在地圖

Question

上刷卡不開放原生抽屜我使用react-native-navigation開始包含谷歌地圖使用單個屏幕的應用程序 - 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 
 
    } 
 
};