2016-08-09 49 views
1

我正在使用react native maps在包含NavigationHeader的屏幕内加载Map。我正在使用NavigationExperimental,我的导航代码如下。反应原生NavigationExperimental和MapView手势

问题是我不能移动地图或任何东西,它不会接收任何事件。 MapView在不包含NavigationHeader的容器中工作,这就是为什么我认为这两个连接是问题。

React本机版本是0.28,仅在Android上测试。

App.js

render() { 
return (
    <NavigationTransitioner 
    navigationState={navigationState} 
    style={styles.outerContainer} 
    onNavigate={onNavigate} 
    renderOverlay={props => { 
     const title = props.scene.route.title; 
     return (title !== '' ? 
     <NavigationHeader 
      {...props} 
      renderTitleComponent={() => (
      <NavigationHeader.Title> 
       {title} 
      </NavigationHeader.Title> 
     )} 
     /> 
     : null); 
    }} 
    renderScene={props => (
     <NavigationCard 
     {...props} 
     renderScene={this.renderScene} 
     key={props.scene.route.key} 
     /> 
      )} 
    /> 
    ); 
} 

MyComponent.js

render() { 
return (

    <View style={{ flex: 1, alignItems: 'stretch' }} 
    <MapView 
     {...this.props} 
     style={{ flex: 1 }} 
     initialRegion={{ 
     latitude: 45.79, 
     longitude: 16, 
     latitudeDelta: 0.0922, 
     longitudeDelta: 0.0421 }} 
    /> 
    </View> 
} 
+0

请直接发布相关的代码片段。你已经尝试了什么? – AnimiVulpis

+0

@AnimiVulpis抱歉,我现在没有。我尝试在MyComponent的View和App的NavigationHeader上用onStartShouldSetResponderCapture和onMoveShouldSetResponderCapture以许多方式,但总是一样的... –

回答

0

与RN 0.29.2工作和RN-地图0.7.1。