初始化一个react-native项目

删除 react-native-cli

npx react-native init demo --template react-native-template-typescript

绝对路径 下载插件 babel-plugin-module-resolver

配置 babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins:[
    [
      'module-resolver',
      {
        root:['./src'],//从那个路径配置
        alias:{
          '@/utils':'./src/utils',//映射
          "@/pages":"./src/pages",
          "@/navigator":"./src/navigator",
          "@/assets":"./scr/assets",
          "@/config":"./src/config",
          "@/components":"./src/components"
        }
      }
    ]
  ]
};

由于基于ts

tsconfig.json配置

   "baseUrl": "./src",                          /* Base directory to resolve non-absolute module names. */
     "paths": {
       "@/assets/*":["assets/*"],
       "@/components/*":["components/*"],
       "@/config/*":["config/*"],
       "@/models/*":["models/*"],
       "@/navigator/*":["navigator/*"],
       "@/utils/*":["utils/*"],
       "@/pages/*":["pages/*"]
     },