react-navigation / react-navigation/react-navigation

Drawer snacks broken

Open
#8,692 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug package:drawer
Dominant language
TypeScript
Stars
24.5k
Forks
5.1k
Avg merge
1d 5h
Merged PRs (30d)
18

Description

Current Behavior

A snack crash (blue screen).
image

Expected Behavior

A white screen.

How to reproduce

Run the snack.
Snack: https://snack.expo.io/7mVy0cdir

The code does a simple import.

import { createDrawerNavigator } from '@react-navigation/drawer';

Your Environment

software version
Android 8.1.0
@react-navigation/native 5.7.3
@react-navigation/drawer ^5.9.0
react-native-reanimated ^1.7.0
react-native-gesture-handler none
react-native-safe-area-context ^3.0.2
react-native-screens ^2.9.0
react-native snack's version, I don't know how to get it
expo snack's version, I don't know how to get it
node snack's version, I don't know how to get it
npm or yarn snack's version, I don't know how to get it

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Snack and reproduce the failure at the simple @react-navigation/drawer import on Android 8.1.0. Investigate why the Snack shows a blue screen instead of the reported white screen, then verify that the same import no longer crashes in the Snack environment.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.