在React导航中高亮显示当前活动抽屉菜单

Question

我正在使用抽屉式导航。我正在使用一个自定义的抽屉组件。

在自定义组件中显示如下项目：

   <DrawerContentScrollView {...props}>
        
          <DrawerItem
            icon={({ focused }) => (
              <Icon
                name="desktop-mac-dashboard"
                size={25}
                color={focused ? colors.light : colors.primary}
              />
            )}
            label="Dashboard"
            labelStyle={{ fontSize: 20 }}
            activeBackgroundColor={colors.primary}
            activeTintColor={colors.white}
            inactiveTintColor={colors.dark}
            onPress={() => {
              props.navigation.navigate("Dashboard");
              props.navigation.dispatch(StackActions.replace("Dashboard"));
            }}
          />

          <DrawerItem
            style={{ flex: 1 }}
            icon={() => <Icon name="exit-to-app" />}
            label={() => <AppText>Notifications</AppText>}
            onPress={() => {
              props.navigation.navigate("Notifications");
            }}
          />
        </DrawerContentScrollView>

问题是。选择任何抽屉项目时，它不会被激活。突出显示。

如何将项目设置为活动状态？

一种方法应该是分别读取路由并激活它，但看起来我无法访问抽屉中的当前激活路由？

有帮助吗？