多边形不可拖动

我用画笔画了一个多边形 MapboxGL.ShapeSource 并补充道 MapboxGLView.PointAnnotation 在每一点上,都能让你的观点变得清晰。

但我面临着一些问题

完成多边形绘制后,我无法移动或拖动多边形

 Polygon Data => {"coordinates": [[73.66673886505973, 21.78762724903116], [73.66889536107317, 21.791363112441147], [73.66555869310983, 21.79017760900554]]}

这是我的密码

 <MapboxGL.Animated.ShapeSource
     id={'Polygon'}
     maxZoomLevel={17}
    onPress={(event: any) => {
      console.log('Shape is pressed ', event);
    }}
    shape={{
      type: 'Feature',
      geometry: {
        type: 'Polygon',
        coordinates: coordinates,
      },
    }}>

    <MapboxGL.FillLayer
      id="routefill"
      sourceID="Polygon"
      style={{fillColor: fillColor}}
    />
    <MapboxGL.LineLayer
      id="routeline"
      sourceID="Polygon"
      belowLayerID="routefill"
      style={{
        lineWidth: 5,
        // lineOpacity: 0.5,
        lineJoin: 'round',
        lineCap: 'round',
        lineDasharray: [2, 2],
        lineColor: strokeColor,
      }}
    />

   </MapboxGL.Animated.ShapeSource>

有人能帮我做多边形拖拽吗