React Navigation(原生)V5:深色主题问题。抽屉导航器切换按钮与背景没有对比。包括屏幕截图

Joe*_*ugh 8 reactjs react-native react-navigation react-navigation-drawer react-navigation-v5

我正在像这样设置导航容器的主题

import {
  NavigationContainer,
  DefaultTheme,
  DarkTheme,
} from "@react-navigation/native";

export default function Navigation() {
  const colorScheme = useColorScheme();
  return (
    <NavigationContainer
      linking={LinkingConfiguration}
      theme={colorScheme === "dark" ? DarkTheme : DefaultTheme}
    >
      <RootNavigator />
    </NavigationContainer>
  );
}
Run Code Online (Sandbox Code Playgroud)

我有一个堆栈导航器,在堆栈导航器内我有一个抽屉式导航器,如下所示:

// Root Navigator
export default function RootNavigator() {
  return (
    <Stack.Navigator id="root-navigation-navigator" initialRouteName={initialRouteName}>
      <Stack.Screen
        name="Root"
        component={DrawerNavigator}
        options={{
          headerShown: false,
        }}
      />
      {/* Other Screens */}
    </Stack.Navigator>
  );
}
Run Code Online (Sandbox Code Playgroud)
// Drawer Navigator
export default function DrawerNavigator(props) {
  return (
    <Drawer.Navigator
      initialRouteName="UserSettings"
      drawerContent={(props) => <CustomDrawerContent {...props} me={me} />}
    >
      {/* Some Screens */}
    </Drawer.Navigator>
}
Run Code Online (Sandbox Code Playgroud)

抽屉切换按钮

在默认浏览器主题中,它看起来像这样:

在此输入图像描述

在黑暗主题中,它看起来像这样:

在此输入图像描述

我怎样才能让切换按钮收缩黑暗主题的黑色?!

提前致谢。