[Android] Texts and Modals are broken in Android Desktop/Computer Mode
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- C++
- Star
- 127k
- Fork
- 25.3k
- Merge trung bình
- 1 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 4
Mô tả
Description
When connecting an Android device to an external display all Texts seem to collapse (the only exception is when a minHeight is forced) and Modals do not open in fullscreen.
Steps to reproduce
- Make a fresh 0.84.1 install
- Use the attached reproducer or create some Text and a Modal
- Verify on physical device everything works as expected
- Connect the device to an external display and choose Computer/Desktop mode
- Open the app on the display and you should see all broken Texts and the Modal that is shown incorrectly
React Native Version
0.84.1
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: macOS 26.3
CPU: (8) arm64 Apple M2
Memory: 112.36 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.7.0
path: /Users/XXX/.nvm/versions/node/v22.7.0/bin/node
Yarn:
version: 1.22.22
path: /opt/homebrew/bin/yarn
npm:
version: 10.8.2
path: /Users/XXX/.nvm/versions/node/v22.7.0/bin/npm
Watchman:
version: 2022.11.28.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.15.2
path: /Users/XXX/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.2
- iOS 26.2
- macOS 26.2
- tvOS 26.2
- visionOS 26.2
- watchOS 26.2
Android SDK: Not Found
IDEs:
Android Studio: 2025.2 AI-252.25557.131.2521.14344949
Xcode:
version: 26.2/17C52
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.16
path: /usr/bin/javac
Ruby:
version: 2.7.5
path: /Users/XXX/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.1.0
wanted: 20.1.0
react:
installed: 19.2.3
wanted: 19.2.3
react-native:
installed: 0.84.1
wanted: 0.84.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: false
Stacktrace or Logs
-
MANDATORY Reproducer
https://snack.expo.dev/@andreamartinez/android-computer-mode-bugs
Screenshots and Videos
This is how the reproducer appears on device:
The Modal should look like this:
Attach the device to an external display and choose "Computer" or "Desktop" depending on your device:
Open the app and Text and Modals are broken in React Native 0.84.1:
https://github.com/user-attachments/assets/495a0490-46d6-4534-9c6d-f305dc22440e
Making the same test using React Native 0.73.1 everything looks fine:
https://github.com/user-attachments/assets/b513c32a-af72-4314-9cf1-0d52f14e137d
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu với reproducer Snack bắt buộc trên React Native 0.84.1, sử dụng một thiết bị Android được kết nối với màn hình ngoài ở chế độ Computer/Desktop, và so sánh với 0.73.1. Điều tra hành vi runtime của Android đối với Text và Modal trong chế độ đó; được xem là hoàn tất khi Text được render bình thường và Modal mở ở chế độ toàn màn hình trên màn hình ngoài.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- android, react-native
- Lĩnh vực
- mobile-dev
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 42/100