You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm using react-native-web with React Native CLI (not Expo). I followed this guide to set up react native web with webpack. When I ran the react navigation drawer example, I got this:
The drawer is rendering, though, just not in the correct place. I know this because when I increase the body margin, the drawer does display. This is how it looks when the body margin is 60px:
However, modifying the margin is obviously not a good long-term fix and the button is still not in the correct place. I'm trying to figure out why it does not render correctly.
Current behavior
I'm using react-native-web with React Native CLI (not Expo). I followed this guide to set up react native web with webpack. When I ran the react navigation drawer example, I got this:
![image](https://private-user-images.githubusercontent.com/30361931/278894451-875ceca8-001c-4150-803f-9a17cd76f6a8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MTI1MTIsIm5iZiI6MTcyMzkxMjIxMiwicGF0aCI6Ii8zMDM2MTkzMS8yNzg4OTQ0NTEtODc1Y2VjYTgtMDAxYy00MTUwLTgwM2YtOWExN2NkNzZmNmE4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDE2MzAxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJhMTlmMzE0NTI1NzhkMzk1NzhlZjI4ZmY3MWI3MzY5MDIzNDE5ODYwNTMxZGYzYTI2MWY3ZjJhYmZhNGQzYWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CF0cEItuMn4iFNad0jtYti5GZTyC24rhA5EXJ05eZV4)
![image](https://private-user-images.githubusercontent.com/30361931/278894556-cc4b0a41-fd1d-46c0-80d2-7c19fe7f1cf5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MTI1MTIsIm5iZiI6MTcyMzkxMjIxMiwicGF0aCI6Ii8zMDM2MTkzMS8yNzg4OTQ1NTYtY2M0YjBhNDEtZmQxZC00NmMwLTgwZDItN2MxOWZlN2YxY2Y1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDE2MzAxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4MjZiODJjOGNmNzQwYWRlZGQ0YzBmNzcyZmQzY2QyOWIzY2JmMTlmNjMyMjJkZTRlZDhkZDg5OWJkNDZhNTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.g-EwE2e1F8TG7b0FVTfXMjo5wALN13tTYgV0gIhV-EI)
The drawer is rendering, though, just not in the correct place. I know this because when I increase the body margin, the drawer does display. This is how it looks when the body margin is 60px:
However, modifying the margin is obviously not a good long-term fix and the button is still not in the correct place. I'm trying to figure out why it does not render correctly.
Expected behavior
The drawer should work like it does in Expo :
![image](https://private-user-images.githubusercontent.com/30361931/278895276-a1914057-48a4-4742-94d6-885c9ee0b7b7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MTI1MTIsIm5iZiI6MTcyMzkxMjIxMiwicGF0aCI6Ii8zMDM2MTkzMS8yNzg4OTUyNzYtYTE5MTQwNTctNDhhNC00NzQyLTk0ZDYtODg1YzllZTBiN2I3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDE2MzAxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU1NTNlZjQyOTNmYTc4ZDUwOTE4ZjU0MmQyZmE0MTFkZDJmMDU1OWJiNWRkZGUzYjBlOTBlNDVhNDI3NjhhODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0P9HNm-uC1Sh3ZWQjxOY7ABFJk6xiZ4GeUw1Hz8i_sI)
Reproduction
https://github.com/gaborszita/react-navigation-drawer-web-error
Platform
Packages
Environment
The text was updated successfully, but these errors were encountered: