Your process for testing UI on different screen sizes

• react-native-size-matters

  12 2,222 4.7 JavaScript

  A lightweight, zero-dependencies, React-Native utility belt for scaling the size of your apps UI across different sized devices.

I mostly get the job done with just flexbox, it's very powerful, as for the few cases where my layouts look huddled up or clip together, I use these functions to scale them to other screen sizes.

• react-native-iphone-x-helper

  1 942 0.0 JavaScript

  Discontinued A library to help you design your react-native app for notched iPhones

I use this and this libraries.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-native-safe-area-context

  13 2,020 7.9 TypeScript

  A flexible way to handle safe area insets in JS. Also works on Android and Web!

  

I'd use https://github.com/th3rdwave/react-native-safe-area-context because it supports Android as well and uses the native APIs, so more reliable. If you use React Navigation, you already have it installed.

Suggest a related project