阵营在地图

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 
 
    } 
 
};