sửa lỗi hiển thị polyline, polygon ở map, thêm component ScanQrCode

components/map/PolygonWithLabel.tsx

@@ -55,7 +55,6 @@ export const PolygonWithLabel: React.FC<PolygonWithLabelProps> = ({
 
   const paddingScale = Math.max(Math.pow(2, (zoomLevel - 10) * 0.2), 0.5);
   const minWidthScale = Math.max(Math.pow(2, (zoomLevel - 10) * 0.25), 0.9);
-  markerRef.current?.showCallout();
   return (
     <>
       <Polygon
@@ -70,7 +69,7 @@ export const PolygonWithLabel: React.FC<PolygonWithLabelProps> = ({
           ref={markerRef}
           coordinate={centerPoint}
           zIndex={50}
-          tracksViewChanges={false}
+          tracksViewChanges={platform === ANDROID_PLATFORM ? false : true}
           anchor={{ x: 0.5, y: 0.5 }}
           title={platform === ANDROID_PLATFORM ? label : undefined}
           description={platform === ANDROID_PLATFORM ? content : undefined}
@@ -78,7 +77,6 @@ export const PolygonWithLabel: React.FC<PolygonWithLabelProps> = ({
           <View style={styles.markerContainer}>
             <View
               style={[
-                styles.labelContainer,
                 {
                   paddingHorizontal: 5 * paddingScale,
                   paddingVertical: 5 * paddingScale,