metro.config.js

const path = require('path');
const fs = require('fs');

const blacklist = require('metro-config/src/defaults/exclusionList');
const glob = require('glob-to-regexp');

const assetRegistryPath = fs
  .realpathSync(require.resolve('react-native/Libraries/Image/AssetRegistry'))
  .replace('.js', '');

const inlineRequireBlockList = new Proxy(
  {},
  {
    has: (target, name) => {
      if (
        name.endsWith('.js') &&
        name.includes('/react-navigation-stack/lib/module/vendor/views/')
      ) {
        return true;
      }
      return false;
    },
  },
);

function getBlacklist() {
  const nodeModuleDirs = [
    glob(`${path.resolve(__dirname, '..')}/node_modules/*`),
    glob(`${path.resolve(__dirname, '..')}/docs/*`),
    glob(`${path.resolve(__dirname, '..')}/e2e/*`),
    glob(
      `${path.resolve(__dirname)}/node_modules/*/node_modules/lodash.isequal/*`,
    ),
    glob(
      `${path.resolve(
        __dirname,
      )}/node_modules/*/node_modules/hoist-non-react-statics/*`,
    ),
    glob(
      `${path.resolve(
        __dirname,
      )}/node_modules/react-native/node_modules/@babel/*`,
    ),
  ];
  return blacklist(nodeModuleDirs);
}

module.exports = {
  resolver: {
    blacklistRE: getBlacklist(),
  },
  watchFolders: [path.resolve(__dirname, '..')],
  transformer: {
    assetRegistryPath: assetRegistryPath,
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: { blockList: inlineRequireBlockList },
      },
    }),
  },
};