React native 如何在地图标注中使用TouchableOpacity?

React native 如何在地图标注中使用TouchableOpacity?,react-native,react-native-maps,React Native,React Native Maps,我有一个组件,用于列表结果中的单元格和地图中的详图索引 //StationCellView 导出默认类StationCellView扩展组件{ onTextPress(){ console.log(“单击文本”); this.props.navigation.navigate(“UserDetail”,{user:this.props.station.user}); } onImagePress(){ console.log(“单击图像”); this.props.navigation.navi

我有一个组件,用于列表结果中的单元格和地图中的详图索引

//StationCellView
导出默认类StationCellView扩展组件{
onTextPress(){
console.log(“单击文本”);
this.props.navigation.navigate(“UserDetail”,{user:this.props.station.user});
}
onImagePress(){
console.log(“单击图像”);
this.props.navigation.navigate(“StationDetail”,{station:this.props.station});
}
render(){
返回(
{this.props.station.name}
//…等等,还有几排
);
}
}
//从MapResultsView
renderItem=({item})=>(
);
render(){
返回(
);
}
当我查看列表时,
TouchableOpacity
工作正常。但是,在地图标注中使用
StationCellView
时,不会调用
onPress
方法:

//来自MapView
渲染器(){
返回此.state.stations.map(station=>{
const logo=require(“../assets/logos/BOLTIcon.jpg”);
返回(
);
});
}
render(){
返回(
{this.renderMarkers()}
this.setState({searchText})}
//…道具。。。
/>
);
}
请暂时忽略在press处理程序中调用
this.props.navigation.navigate
的问题。我已经在列表视图中解决了这个问题,一旦启动处理程序,我将在地图视图中修复它

当我从列表视图中单击触控对象时,调试器控制台中会显示“单击文本”。当我从地图标注中单击可触摸按钮时,任何地方都不会发生任何事情

可能需要注意的是,第一次单击地图中的可触摸对象时,不透明度会发生变化,但如果再次单击,则不会发生任何变化

我猜地图和标注在视图继承权中的工作方式存在一些问题?有人知道吗