Todos hemos sufrido cuando estamos creando estructuras complejas para organizar nuestros proyectos y tenemos que lidiar con rutas relativas, sobre todo cuando tenemos estamos trabajando en un depth component e importamos algun componente que esta en un primer nivel del arbol, para hacer esto normalmente usamos algo como esto:
import MyComponent from'./../../../../../../../../../../components/myComponent'Esto se torna en un dolor de cabeza cuando movemos componentes de directorio, ya que toca analizar el numero de …/ que debes agregar/quitar. Sin embargo react-native provee un mecanismo muuuy sencillo para evitar esta situacion.
Para evitar ese tipo de imports y usar rutas absolutas lo que debes hacer es agregar un archivo package.json a tu carpeta src(o como se llame la carpeta raiz donde esta todo tu codigo) y agregar el siguiente contenido:
{ "name": "src" }
Y eso es todo, al hacerlo ya podras sustituir el horrible import de arriba por algo como esto:
import MyComponent from'components/myComponent'Mucho mejor no? Espero que les sirva de algo.
