如何让drawerItem的activeTIntColor和activebackgroundColor在react导航6中工作？

import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';

const Drawer = createDrawerNavigator();

function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator
        drawerContentOptions={{
          activeTintColor: 'red', // 设置activeTintColor为红色
          activeBackgroundColor: 'blue', // 设置activeBackgroundColor为蓝色
        }}
      >
        {/* 添加你的drawerItem */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

export default App;

<Drawer.Navigator
  drawerContentOptions={{
    activeTintColor: 'red',
    activeBackgroundColor: 'blue',
  }}
>
  <Drawer.Screen name="Home" component={HomeScreen} />
  <Drawer.Screen name="Settings" component={SettingsScreen} />
</Drawer.Navigator>