Javascript 是否有任何方法可以从另一个页面(React Native)导航到带有参数的标记?
我在页面上有一个带有标记的列表,当我单击按钮时,我想导航到地图上的标记 这是list.js的简短版本:Javascript 是否有任何方法可以从另一个页面(React Native)导航到带有参数的标记?,javascript,react-native,parameters,navigation,marker,Javascript,React Native,Parameters,Navigation,Marker,我在页面上有一个带有标记的列表,当我单击按钮时,我想导航到地图上的标记 这是list.js的简短版本: export default class List extends Component { render() { const markerOneLocation = { latitude: 52.587374, longitude: 5.137634, latitudeDelta: 0.3,
export default class List extends Component {
render() {
const markerOneLocation = {
latitude: 52.587374,
longitude: 5.137634,
latitudeDelta: 0.3,
longitudeDelta: 0.3,
};
const showMarkerOne = () => {
this.props.navigation.navigate('Map',
{initialLocation: markerOneLocation});
};
return (
<Text onPress={this.toggle}>
<Text style={{fontSize: 15}} onPress=
{showMarkerOne} title='Marker1'> Marker 1 </Text>
</Text>
)
}
}
导出默认类列表扩展组件{
render(){
常量标记位置={
纬度:52.587374,
经度:5.137634,
纬度德尔塔:0.3,
纵向德尔塔:0.3,
};
常量showMarkerOne=()=>{
this.props.navigation.navigate('Map',
{initialLocation:MarkLocation});
};
返回(
标记1
)
}
}
这是map.js的简短版本:
export default class Map extends Component {
render() {
return(
<MapView
style={{height: '100%', width: '100%'}}
provider={PROVIDER_GOOGLE}
region={{
latitude: 52.100748,
longitude: 5.646090,
latitudeDelta: 4,
longitudeDelta: 4,
}}
>
<Marker
coordinate={{
latitude: 52.474772,
longitude: 5.197672
}}
anchor={{ x: 0.5, y: 0.5 }}
>
<Image
source={require('../src/
logo_noshadow.png')}
style={{ width: 20, height: 20 }}
/>
</Marker>
</MapView>
)
}
}
导出默认类映射扩展组件{
render(){
返回(
)
}
}
所以当我点击按钮进入地图时。我希望地图导航到标记并在其中心显示
我尝试将markerId添加为param,但不知道如何将其添加到marker
有人能帮我吗?在地图视图上可以设置参考。 在一种基于钩子的方法中,它看起来像:
const mapRef = React.useRef(null);
<MapView
ref={mapRef}
... the rest of your settings
/>
为此,您需要在每个
我看到您使用的是基于类的方法,但也可以使用参考。在地图视图上,您可以设置参考。 在一种基于钩子的方法中,它看起来像:
const mapRef = React.useRef(null);
<MapView
ref={mapRef}
... the rest of your settings
/>
为此,您需要在每个
我看到您使用了基于类的方法,但也可以使用ref