Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有任何方法可以从另一个页面(React Native)导航到带有参数的标记?_Javascript_React Native_Parameters_Navigation_Marker - Fatal编程技术网

Javascript 是否有任何方法可以从另一个页面(React Native)导航到带有参数的标记?

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,

我在页面上有一个带有标记的列表,当我单击按钮时,我想导航到地图上的标记

这是list.js的简短版本:

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