-
Notifications
You must be signed in to change notification settings - Fork 25k
Description
Description
After upgrading our React Native project from 0.81 to 0.82/0.83, the dual-screen (secondary screen) display feature on Android devices/emulators started experiencing a collapsed/rendered incorrectly issue (as shown in the screenshot).
Expected Behavior
The secondary screen should display content normally (same as it did in RN 0.81), without collapsing or layout abnormalities.
Actual Behavior
The secondary screen content is collapsed (only a partial area is rendered, and the layout is disordered), while the primary screen works as expected.
Screenshot
补充信息(Additional Context)
The issue only occurs in RN 0.82 and 0.83 (works normally in 0.81).
We suspect this may be related to changes in the Dimensions API (or layout calculation logic) between versions, as the secondary screen's size calculation seems incorrect.
Demo repository:https://github.com/jrz90000/DualScreenApp
Steps to reproduce
Clone our demo project: git clone https://github.com/jrz90000/DualScreenApp
Install dependencies: yarn install (or npm install)
Start the Metro server: npx react-native start
Build & run the Android app: npx react-native run-android
Trigger the dual-screen display feature in the app (follow the demo's operation steps)
Observe the secondary screen layout (it will be collapsed)
React Native Version
0.83.0
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: macOS 26.2
CPU: (10) arm64 Apple M2 Pro
Memory: 124.41 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.19.5
path: /Users/sean/.nvm/versions/node/v20.19.5/bin/node
Yarn:
version: 1.22.22
path: /usr/local/bin/yarn
npm:
version: 11.6.4
path: /Users/sean/.nvm/versions/node/v20.19.5/bin/npm
Watchman: Not Found
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK: Not Found
Android SDK: Not Found
IDEs:
Android Studio: 2025.2 AI-252.27397.103.2522.14514259
Xcode:
version: /undefined
path: /usr/bin/xcodebuild
Languages:
Java:
version: 20.0.1
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.2.0
wanted: 19.2.0
react-native:
installed: 0.83.0
wanted: 0.83.0
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
Stacktrace or Logs
none
MANDATORY Reproducer
https://github.com/jrz90000/DualScreenApp
Screenshots and Videos
