React native NavigationExperimental和MapView手势

时间:2016-08-09 14:15:13

标签: javascript navigation react-native

我正在使用react native maps在包含NavigationHeader的屏幕中加载Map。我正在使用NavigationExperimental,导航代码如下。

问题在于我无法通过地图或其他任何东西,它不会发现任何事件。 MapView在一个不包含NavigationHeader的容器中工作,这就是为什么我认为这两个连接是问题的原因。

React Native版本为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>
}

1 个答案:

答案 0 :(得分:0)

使用RN 0.29.2和rn-maps 0.7.1。