He estado tratando de crear una aplicación de navegación para practicar mis habilidades de codificación de React Native hasta que encontré un problema con los mapas nativos (al menos para el iPhone). Quiero que la ruta se muestre solo en la parte superior de la pantalla (mitad superior). Estoy tratando de usar la propiedad 'edgePadding' pero no afecta el mapa sin importar los valores que le envíe. Esto es lo que renderiza automáticamente:
Como dije, quiero que la ruta siempre se muestre en la mitad superior para que el componente no la bloquee. Me gusta lo siguiente:
useEffect(() => { if (!origin || !destination) return; // Zoom & fit to markers mapRef.current.fitToSuppliedMarkers(['origin', 'destination'], { edgePadding: { top: 50, bottom: 200, left: 50, right: 50}, // <= doesn't work }); }, [origin, destination])