React Native项目中babel.config.js的react-native-reanimated配置疑问

你需要把react-native-reanimated/plugin从单独的字符串形式改成数组形式，并在数组的第二个元素中添加globals配置参数，替换原配置中对应的那一行即可。

修改后的完整配置如下：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    'nativewind/babel',
    [
      'react-native-reanimated/plugin',
      {
        globals: ['__scanCodes'],
      },
    ],
    [
      'module-resolver',
      {
        root: ['./src'],
        extensions: [
          '.ios.ts',
          '.android.ts',
          '.ts',
          '.ios.tsx',
          '.android.tsx',
          '.tsx',
          '.jsx',
          '.js',
          '.json',
        ],
        alias: {
          '^@src/(.+)': './src/\\1',
          '^@assets/(.+)': './src/assets/\\1',
          '^@components/(.+)': './src/components/\\1',
          '^@contexts/(.+)': './src/contexts/\\1',
          '^@models/(.+)': './src/models/\\1',
          '^@navigation/(.+)': './src/navigation/\\1',
          '^@screens/(.+)': './src/screens/\\1',
          '^@services/(.+)': './src/services/\\1',
          '^@utils/(.+)': './src/utils/\\1',
        },
      },
    ],
  ],
};

注意：保持react-native-reanimated/plugin的配置数组在nativewind/babel之后、module-resolver之前，确保插件顺序正确。

内容的提问来源于stack exchange，提问作者manuelBetancurt