# marudy/react-native-responsive-screen

Make React Native views responsive for all devices with the use of 2 simple methods

Repository: https://github.com/marudy/react-native-responsive-screen
Canonical: https://ross.abutalabs.com/products/react-native-responsive-screen
Language: JavaScript
License: MIT
License Family: permissive
Topics: react-native, android, ios, responsive-layout, ui
Last push: 2024-01-01T19:03:29+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3063, "days_push": 975, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1596, forks 144 (observed 2026-08-28T04:05:09.149790+00:00)

## What it is
A small React Native library that provides two simple methods, widthPercentageToDP and heightPercentageToDP, for building responsive UI layouts across all device screen sizes without media queries. It also offers an optional third method for screen orientation detection with automatic re-rendering on dimension changes.

## Use cases
- make react native views responsive on all phone and tablet screen sizes
- size ui elements as a percentage of screen width and height in react native
- replace hardcoded dp values with responsive dimensions in react native styles
- handle layout changes when device orientation changes in react native
- build a react native app ui that adapts from small phones to large tablets
- scale font sizes and spacing responsively in react native

## When to choose
- you are building a React Native app and want percentage-based responsive sizing with a minimal API
- you need orientation-aware layouts that re-render on dimension changes
- you prefer a tiny dependency over a full styling or layout framework

## When to avoid
- the project is seeking new maintainers, so long-term support may be uncertain
- you use a modern styling solution like styled-components, Tamagui, or NativeWind that already handles responsive values
- you need advanced responsive features like breakpoints, media queries, or container queries

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components
- domain: mobile-development, frontend, cross-platform
- platform: cross-platform
- tags: react-native, responsive-layout, responsive-ui, screen-dimensions, orientation-detection, javascript, android, ios, mobile

## Member repositories
- marudy/react-native-responsive-screen (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:09.149790+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:54:04.265679+00:00, confidence not recorded.
  - readme: https://github.com/marudy/react-native-responsive-screen (fetched 2026-08-28T04:05:09.149790+00:00, sha 3a9c66cdc7db)
  - registry_npm: https://registry.npmjs.org/react-native-responsive-screen (fetched 2026-08-29T11:25:02.048041+00:00, sha 6892c7e6c536)
- Data as of 2026-08-30T08:39:29.467469+00:00.