Does not respond to screen size changes on external display
chriswayg opened this issue · comments
I was trying to use this to respond to screen size changes on an external display like a LCD projector.
react-native-responsive-dimensions does not seem to change font size on the external screen based on its dimensions or resolution.
Using GitHub - mybigday/react-native-external-display: React Native view renderer in External Display
(open the screenshots in separate tabs, as Github resizes the images)
Expected result would have been that both screens would fit about the same amount of text with the font being bigger on the 1280 x 720 screen, but this did not happen.
Is there any way to make this work with the current version of react-native-responsive-dimensions?
SYSTEM INFO:
yarn run v1.22.5
System:
OS: macOS Mojave 10.14.6
CPU: (8) x64 Intel(R) Core(TM) i7-4770K CPU @ 3.50GHz
Memory: 4.42 GB / 32.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 14.17.0 - /var/folders/9l/wwt6ljv10b9fhwjsybmw3d140000gn/T/yarn--1621697472231-0.6683796296679365/node
Yarn: 1.22.5 - /var/folders/9l/wwt6ljv10b9fhwjsybmw3d140000gn/T/yarn--1621697472231-0.6683796296679365/yarn
npm: 6.14.13 - ~/.nodenv/versions/14.17.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
Android SDK:
API Levels: 23, 28, 29, 30
Build Tools: 28.0.2, 28.0.3, 29.0.2
System Images: android-23 | Google APIs Intel x86 Atom, android-24 | Google Play Intel x86 Atom, android-29 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.2 AI-202.7660.26.42.7322048
Xcode: 11.3.1/11C505 - /usr/bin/xcodebuild
Languages:
Java: 11.0.8 - /usr/bin/javac
Python: 3.7.7 - /Users/christian/.pyenv/shims/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.13.1 => 16.13.1
react-native: 0.63.4 => 0.63.4
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found
Done in 3.15s.
@chriswayg are you using window dimensions or screen dimensions?
@chriswayg are you using window dimensions or screen dimensions?
Screen dimensions, I suppose. - Since this would be used on projectors and other large screen devices such as TVs, its not the physical dimensions that I want to adjust to but I want a text to fill about 90% of the viewing area (especially horizontally), no matter if the resolution is 600 by 800 pixels or 4K. I can get screen resolution in pixels from react-native-external-display and calculate a scale factor based on that.
@chriswayg thanks for letting me know about react-native-external-display, i'll take a look into this