How do I configure absolute paths for imports in TypeScript based React Native apps?

Question

In order to avoid \'../../../../\' style relative imports in a TypeScript based React Native app, I would like to configure the app so that I can use absolute imports instea

Answer 1

All of the other answers didn't work for me with a freshly created React Native + Typescript project.

What worked for me was setting both baseUrl and paths in tsconfig.json:

{
    "baseUrl": ".",
    "paths": {
      "NAME_IN_PACKAGE_JSON/*": ["./*"]
    }
}

Replace NAME_IN_PACKAGE_JSON with your package.json's name field. E.g. if the name field is myapp you can do:

import HomeScreen from "myapp/screens/HomeScreen";