react-native-relative-units

react-native-relative-units provides a straightforward way to implement relative units in React Native applications, enabling developers to scale UI elements proportionally across various device dimensions. It focuses specifically on scaling layouts rather than responsive design, offering a practical solution for maintaining consistent visual proportions.

Key Features

• Breakpoint Units (bp) — Scales elements relative to a mockup width, making it easy to maintain proportions across devices.
• Viewport Width (vw) — Represents a percentage of the device's screen width, similar to CSS viewport units.
• Viewport Height (vh) — Represents a percentage of the device's screen height for height-based scaling.
• Simple Integration — Requires minimal setup with just a single function call to initialize relative units.
• Non-Responsive Focus — Designed specifically for scaling layouts, not for creating responsive designs that adapt to different screen orientations or layouts.

Philosophy

The module follows a minimalist approach, providing only the essential relative units needed for scaling React Native interfaces without unnecessary complexity or overhead.