Drawer headerRight button also opens in the headerLeft.

[John-CFO]

Drawer headerRight button also opens in the headerLeft.

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• @react-navigation/drawer (found: 6.6.6, latest: 6.6.11)
• @react-navigation/native (found: 6.1.9, latest: 6.1.14)
• @react-navigation/stack (found: 6.3.20, latest: 6.3.25)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[John-CFO]

I updated the dependencies to the latest versions, but the bug is still there.

[John-CFO]

For everybody who has the same issue. I have a solution. Now I use a custom dropdown menu.

const Stack = createStackNavigator();
const Drawer = createDrawerNavigator();

const CustomHelpModal = ({ navigation }: { navigation: any }) => {
const [isHelpMenuVisible, setHelpMenuVisible] = useState(false);

const openDropdown = () => {
console.log("Dropdown öffnen");
setHelpMenuVisible(true);
};

const closeDropdown = () => {
console.log("Dropdown schließen");
setHelpMenuVisible(false);
};

return (

<Item
title="Help"
iconName="help-circle-outline"
onPress={openDropdown as any}
/>
<View style={{ marginRight: 10 }}>
{isHelpMenuVisible && (
<View style={{ position: "absolute", right: 0 }}>


)}


);
};

const AppDrawerNavigator = () => {
return (
<Drawer.Navigator
initialRouteName="Home"
screenOptions={{
headerTitleAlign: "center",
drawerStyle: {
width: 280,
},

    /*--Help-Button--*/
    headerRight: () => <CustomHelpModal navigation={undefined} />,
  }}
>
  <Drawer.Screen name="Home" component={HomeScreen} />
  <Drawer.Screen name="Notification" component={NotificationScreen} />
  <Drawer.Screen name="Profile" component={ProfileScreen} />
</Drawer.Navigator>

);
};
const App = () => {
return (


<Stack.Navigator>
<Stack.Screen
name="Inside"
component={AppDrawerNavigator}
options={{ headerShown: false }}
/>
<Stack.Screen name="Onboarding" component={OnboardingScreen} />
<Stack.Screen name="Login" component={LoginScreen} />
</Stack.Navigator>


);
};

export default App;

good luck 🍀