2016-08-09 50 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。