Drawer Toggle-Icon not visible in React-Native app inside NX-Monorepo

[therawk]

Current behavior

The default drawer toggle icon isn't visible. The margins, width and height settings are applied and also opening the drawer works.
Tint colour also doesn't make a difference.

Information to running the project:
Since the metro packager sometimes crashes I recommend running it in a seperate terminal window.
Start it with npx nx start optionally npx nx start --reset-cache
So when it crashes during compilation you can just restart it again.

In another terminal run npx nx run-android --active-arch-only

Expected behavior

Drawer toggle icon is visible

Reproduction

https://github.com/therawk/react-navigation-issue

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/​bottom-tabs
• @react-navigation/​drawer
• @react-navigation/​material-bottom-tabs
• @react-navigation/​material-top-tabs
• @react-navigation/​stack
• @react-navigation/​native-stack

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	6.0.13
@react-navigation/drawer	6.5.0
react-native-safe-area-context	4.4.1
react-native-screens	3.18.2
react-native-gesture-handler	2.8.0
react-native-reanimated	2.13.0
react-native	0.70.1
node	16.17.0
npm	8.15.0

[satya164]

It's a metro bug, unrelated to React Navigation. You can workaround it similar to this:

react-navigation/example/metro.config.js

Line 80 in 9041069

enhanceMiddleware: (middleware) => {

[github-actions]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.