1// Place this in your project and use its methods anywhere.
2// Subscribe to my youtube channel "Codingbite" on youTube 
3// https://v.ht/SUBCB
4
5// Responsive_Dimensions.js
6import { Dimensions } from "react-native";
7
8const percentageCalculation = (max, val) => max * (val / 100);
9
10const fontCalculation = (height, width, val) => {
11  const widthDimension = height > width ? width : height;
12  const aspectRatioBasedHeight = (16 / 9) * widthDimension;
13  return percentageCalculation(Math.sqrt(Math.pow(aspectRatioBasedHeight, 2) + Math.pow(widthDimension, 2)), val);
14};
15export const responsiveFontSize = (f) => {
16  const { height, width } = Dimensions.get("window");
17  return fontCalculation(height, width, f);
18};
19export const responsiveHeight = (h) => {    
20  const { height } = Dimensions.get("window");
21  return height * (h / 100)
22}
23export const responsiveWidth = (w) => {
24  const { width } = Dimensions.get("window");
25  return width * (w / 100)
26}
27
28

1import React from "react";import { View } from "react-native";import {  useResponsiveHeight,  useResponsiveWidth} from "react-native-responsive-dimensions"; const App = () => {  const height = useResponsiveHeight(25);  const width = useResponsiveWidth(25);   return <View style={{ height, width }} />;};