WP-FE-RIDE-PIN-NATIVE-01

Domain: D-RIDES · Surface: CON · Status: IMP (2026-08-17)

Vấn đề

Custom Marker (View + emoji 🛵/🚗) bị Android New Architecture cắt nửa. Overlay pointForCoordinate bị MapView native đè hoặc không vẽ — icon gọi xe vẫn lỗi.

Cách làm

Pin là bitmap native (Marker image={require(...)}): Google Maps vẽ PNG, không snapshot React View.

• Tài xế gần: pin-bike.png / pin-car.png / pin-plus.png
• Đón / Đến: teardrop xanh / đỏ
• Bạn / tài xế ghép: ảnh avatar (Image-only) hoặc PNG fallback
• Tên: title native (chạm pin)

File

• mobile/assets/map-pins/*.png
• mobile/src/features/rides/rideMapPins.ts
• mobile/src/features/rides/RideNativeMarkers.tsx
• mobile/src/features/rides/RideLiveMap.tsx
• mobile/src/features/home/components/HomeMapPreview.tsx

Verify

Reload Metro (asset PNG mới) → màn Gọi xe: icon xe hiện tròn đủ, không cắt nửa.