software-mansion / software-mansion/react-native-screens

iOS Status Bar Error

Open
#2,083 8 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

platform:ios repro-provided
Dominant language
TypeScript
Stars
3.7k
Forks
714
Avg merge
2d 23h
Merged PRs (30d)
71

Description

Description

When I upgraded my personal project to use the new Screen Transition API, I noticed an error when booting the app.
Screenshot 2024-03-26 at 7 51 34 PM

Steps to reproduce
  1. Initialized a repo using npx react-native@latest init RNSSwipeAnimationBug
  2. Installed these dependencies
    "@react-navigation/native": "^6.1.17",
    "react-native-gesture-handler": "^2.15.0",
    "react-native-reanimated": "^3.9.0-nightly-20240325-9e79766a4",
    "react-native-safe-area-context": "^4.9.0",
    "react-native-screens": "^3.30.1"
  1. Ran yarn ios
  2. Copied the SwipeBackAnimation.tsx from the Examples folder and pasted it in my repo
  3. Faced the error!
Snack or a link to a repository

https://github.com/AlirezaHadjar/RNSSwipeAnimationBug

Screens version

3.30.1

React Native version

0.73.6

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 15 Pro

Acknowledgements

Yes

Contributor guide

No contributing guide indexed for this repository

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 RNSSwipeAnimationBug repository and the Examples/SwipeBackAnimation.tsx example, then reproduce the issue with the listed dependency versions using yarn ios. Inspect the reported iOS status bar error during app boot and compare the example with the project setup. Done means the app boots without the error on the stated iOS simulator configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.