react-native expo 注意事项

path alias

不支持@components, 需要改成components

babel.config.js

module.exports = function (api) {
 api.cache(true)
 return {
   presets: ['babel-preset-expo'],
   plugins: [
     [
       'module-resolve',
       {
         extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
         alias: {
           components: './components',
           assets: './assets',
         },
       },
     ],
     'react-native-reanimated/plugin',
   ],
 }
}

tsconfig.json

{
 "extends": "expo/tsconfig.base",
 "compilerOptions": {
   "strict": true,
   "baseUrl": ".",
   "paths": {
     "components/*": ["components/*"],
     "assets/*": ["assets/*"]
   }
 }
}