@react-navigation/material-top-tabs与nativeWind样式失效问题求助

我在使用@react-navigation/material-top-tabs搭配expo-router和nativeWind开发应用时，遇到顶部标签栏样式无法正常生效的问题。但只要删除babel.config.js中的presets配置项，顶部标签栏就能恢复正常显示。

我的babel.config.js配置如下：

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [
      'nativewind/babel',
      ['babel-preset-expo', { jsxImportSource: 'nativewind' }]
    ],
    plugins: ['react-native-reanimated/plugin']
  };
};

当前应用界面截图：

内容的提问来源于stack exchange，提问作者Matheus Santos Araújo