Skip to content

Android: Dual-screen display (secondary screen) collapses after upgrading from 0.81 to 0.82/0.83 #54964

@jrz90000

Description

@jrz90000

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

Image

补充信息(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

Image Image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions