-
-
Notifications
You must be signed in to change notification settings - Fork 132
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Recommendations for REM value on different devices #19
Comments
Hi @BANG88 currently not. I think it may depend on app itself but seems we can make a recommendation. |
Late for @BANG88 perhaps, but for anyone who comes across this, here is a quick and dirty version I use. It uses iPhone breakpoints for dimensions, but renders just fine on Android the 5 or 6 different sized android devices I've tried.
|
Thanks for sharing. What is definition of "rem" ? |
I'm using it for font, padding and margin sizes. https://github.com/vitalets/react-native-extended-stylesheet#rem-units |
@ibussieres Thanks for explaining. I was looking for solutions to help me understand how to make an app behave like a Master/Detail app when running on a tablet. As well as to handle fonts getting too large because users enlarge their devices text size. |
To be honest, I'm not sure how well this plays with accessibility settings. I would guess not so well. |
@ibussieres Yes I am struggling for a solution. Labels, vector icons, and such get all wonky when user accessibility settings sets to a large font. I feel I should not try to fight accessibility settings. My tab bar text gets giant and forces tab bar icons off tab bar. Maybe flexbox can solve. |
@ibussieres @esutton re: accessibility & rem https://alastairc.ac/2017/11/is-text-sizing-dead/ |
Bumping after long time but let's assume I use those:
Wouldn't it need to rebuild every time that orientation of device changes? How can I achieve that? Asking because you might launch app in |
Your concerns are ok. |
@esutton you should set allowFontScalling: false on root of ur project, i set this in app.js.
|
|
Hello.
How can i set rem or scale make it display as expected on different screen.
IOS 4S
IOS 5
IOS 6
IOS 6S+
ANDROID etc
The text was updated successfully, but these errors were encountered: