INNER CODE UNIT · JavaScript
widthPercentageToDP
marudy/react-native-responsive-screen · index.js:16
const widthPercentageToDP = widthPercent => {
// Parse string percentage input and convert it to number.
const elemWidth = typeof widthPercent === "number" ? widthPercent : parseFloat(widthPercent);
// Use PixelRatio.roundToNearestPixel method in order to round the layout
// size (dp) to the nearest one that correspons to an integer number of pixels.
return PixelRatio.roundToNearestPixel(screenWidth * elemWidth / 100);
};
/**
* Converts provided height percentage to independent pixel (dp).
* @param {string} heightPercent The percentage of screen's height that UI element should cover
* along with the percentage symbol (%).
* @return {number} The calculated dp depending on current device's screen height.
*/
const heightPercentageToDP = heightPercent => {
// Parse string percentage input and convert it to number.
const elemHeight = typeof heightPercent === "number" ? heightPercent : parseFloat(heightPercent);