WP-FE-RIDE-PIN-OVERLAY-01

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

Vấn đề

Android New Architecture (react-native-maps 1.20) snapshot custom Marker children thành bitmap. Chip tên + emoji xe + avatar bị cắt nửa dù khung View đã đủ chỗ.

Cách làm

Không vẽ UI pin trong <Marker>. Map chỉ giữ polyline + ghim mặc định (điểm nearby). Pin Đón/Đến, bạn, tài xế gần, tài xế ghép = View overlay, tọa độ màn hình từ map.pointForCoordinate.

File

• mobile/src/features/rides/MapCoordOverlay.tsx
• mobile/src/features/rides/RideLiveMap.tsx

Verify

Reload Metro → màn Gọi xe / Matching / Detail: tên chip, 🛵/🚗, nhãn Đón/Đến hiện đủ, không cắt nửa.