TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Handling responsive layouts in React Native apps

2 pointsby deadcoder0904over 5 years ago

1 comment

deadcoder0904over 5 years ago
Hey HN, author here.<p>Previously, I wrote a tutorial called Scaling React Native Apps for Tablets [0] more than a year ago &amp; it got a lot of attention thanks to the user-friendly title which resulted in a lot of organic traffic from Google.<p>In that tutorial, I used another library called <a href="https:&#x2F;&#x2F;github.com&#x2F;nirsky&#x2F;react-native-size-matters" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;nirsky&#x2F;react-native-size-matters</a> at that time. It works great.<p>However, another library called <a href="https:&#x2F;&#x2F;github.com&#x2F;marudy&#x2F;react-native-responsive-screen" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;marudy&#x2F;react-native-responsive-screen</a> came on the horizon at some later time. It is also easy to use. I thought about writing a tutorial on it for a long time &amp; it&#x27;s finally here.<p>When I submitted the earlier article, someone on Reddit said that a Tablet should fit in more content than a Phone which I completely did wrong in my previous tutorial because I never used a Tablet before. In this tutorial, I think I&#x27;ve rectified my mistake if you can see from the screenshot.<p>If you&#x27;ve ever wondered how to do responsive design in React Native, then be sure to check it out. Let me know if you have any questions :)<p>[0]: <a href="https:&#x2F;&#x2F;medium.com&#x2F;react-native-training&#x2F;scaling-react-native-apps-for-tablets-211de8399cf1" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;react-native-training&#x2F;scaling-react-nativ...</a>