How to setup changing the default Sizes

Thank for your library. @nirsky nirsky I don’t know what I’m missing. install lib: npm install babel-plugin-dotenv-import then add dotenv-import to babel.config.js, here is mine:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      "module-resolver",
      {
        root: [
          "./src"
        ],
        extensions: [
          '.ios.ts',
          '.android.ts',
          '.ts',
          '.ios.tsx',
          '.android.tsx',
          '.tsx',
          '.jsx',
          '.js',
          '.json',
        ],
        alias: {
          "app": "./src",
          "src": "./src",
          "components": "./src/components",
          "reducers": "./src/reducers",
          "config": "./src/config",
          "assets": "./src/assets",
          "screens": "./src/screens",
          "utils": "./src/utils",
          "themes": "./src/themes",
          "navigation": "./src/appNavigation",
          'i18n': "./src/i18n"
        }
      }
    ],
    [
      '@babel/plugin-proposal-decorators',
      {
        legacy: true
      }
    ],
    ["dotenv-import", {
      "moduleName": "@env",
      "path": ".env",
      "blacklist": null,
      "whitelist": null,
      "safe": false,
      "allowUndefined": false
    }]
  ],
};

then create .env file with content:

SIZE_MATTERS_BASE_WIDTH=375
SIZE_MATTERS_BASE_HEIGHT=812

then change import like this: import { ScaledSheet, moderateScale } from 'react-native-size-matters/extend';

But I got error like this

I don’t know what I’m missing, could you tell me what I missed? Thank you so much.

[hungdev]

@nirsky thank you. I dont understand why, maybe due to cache. Now it worked.

[nirsky]

I see. I’ll try to reproduce it locally on my machine then.