`/src` directory is not supported

[PiotrekPKP]

Summary

expo-router package only loads pages that are directly in the /app directory.

Many projects end up having many directories (like /types, /utils, etc.) and managing them is easier when you put your app's code in /src directory.

That's why I think supporting /src/app directory for pages is really important - eg. see NextJS, it allows you to use /src/pages structure.

Minimal reproducible example

https://github.com/PiotrekPKP/expo-router-test

This should work and not show the default router layout ^

[juliusmarminge]

+1 Definetely needed.

[JoshuaAmaju]

It also makes import aliasing difficult, I hard to resort to regex for the babel module

[poptocrack]

It should indeed be supported. But in the meantime you could still split screens and other files into two separate folders
(which might not be optimal depending on your workflow)

/appwith all your routing
/srcwith /types /utils and so on.

You can easily make absolute imports by adding something like that in tsconfig.json

...
"compilerOptions": {
    "baseUrl": "src",
    "strict": true,
    "paths": {
      "@components/*": ["components/*"],
      "@utils/*": ["utils/*"],
      "@screens/*": ["screens/*"],
      "@services/*": ["services/*"],
      "@interfaces/*": ["interfaces/*"],
      "@navigation/*": ["navigation/*"],
      "@constants/*": ["constants/*"],
      "@assets/*": ["assets/*"],
      "@hooks/*": ["hooks/*"],
      "@stores/*": ["stores/*"],
      "@api/*": ["api/*"],
      "@atoms/*": ["atoms/*"],
    },

And this in babel.config.js

      "@babel/plugin-proposal-export-namespace-from",
      "react-native-reanimated/plugin",
      require.resolve("expo-router/babel"),
      [
        require.resolve('babel-plugin-module-resolver'),
        {
          root: '.',
          alias: {
            '@navigation': './src/navigation',
            '@components': './src/components',
            '@screens': './src/screens',
            '@interfaces': './src/interfaces',
            '@services': './src/services',
            '@constants': './src/constants',
            '@assets': './src/assets',
            '@hooks': './src/hooks',
            '@stores': './src/stores',
            '@api': './src/api',
            '@atoms': './src/atoms',
            '@utils': './src/utils',
          },
        },
      ],
    ],