如何在react native中适应特定标记的缩放，并可以选择地图中的任何其他标记？

npm install react-native-maps --save

import MapView from 'react-native-maps';

<MapView
  style={{flex: 1}}
  region={{
    latitude: 40.7128,
    longitude: -74.0060,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  }}
/>

<MapView
  style={{flex: 1}}
  region={{
    latitude: 40.7128,
    longitude: -74.0060,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  }}
>
  <MapView.Marker
    coordinate={{latitude: 40.7128, longitude: -74.0060}}
    title="纽约市"
    description="这是纽约市的标记"
  />
</MapView>

import React, { useState } from 'react';
import MapView, { Marker } from 'react-native-maps';

const MapScreen = () => {
  const [selectedMarker, setSelectedMarker] = useState(null);

  const handleMarkerPress = (marker) => {
    if (selectedMarker && selectedMarker.id === marker.id) {
      setSelectedMarker(null); // 取消选中
    } else {
      setSelectedMarker(marker); // 选中标记
    }
  };

  return (
    <MapView
      style={{flex: 1}}
      region={{
        latitude: 40.7128,
        longitude: -74.0060,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      }}
    >
      <Marker
        coordinate={{latitude: 40.7128, longitude: -74.0060}}
        title="纽约市"
        description="这是纽约市的标记"
        onPress={() => handleMarkerPress({id: 1})}
        pinColor={selectedMarker && selectedMarker.id === 1 ? 'blue' : 'red'}
      />
      <Marker
        coordinate={{latitude: 41.8781, longitude: -87.6298}}
        title="芝加哥"
        description="这是芝加哥的标记"
        onPress={() => handleMarkerPress({id: 2})}
        pinColor={selectedMarker && selectedMarker.id === 2 ? 'blue' : 'red'}
      />
    </MapView>
  );
};

export default MapScreen;