我正在使用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>
}
答案 0 :(得分:0)
使用RN 0.29.2和rn-maps 0.7.1。