UNPKG

rn-custom-style-sheet

Version:

React Native component to select a specific value from a range of values.

45 lines (44 loc) 2.9 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = useScaleUtils; var _react = require("react"); var _Core = require("../../../Core"); var _Utils = require("../../Utils"); function useScaleUtils() { const screenResolution = (0, _Core.useScreenResolution)(); const guideLineLayout = (0, _Core.useGuideLineLayout)(); const generalScreenResolution = (0, _Core.useGeneralScreenResolution)(); const scale = (0, _react.useMemo)(() => (0, _Utils.scale)(guideLineLayout, generalScreenResolution), [guideLineLayout, generalScreenResolution]); const moderateScale = (0, _react.useMemo)(() => (0, _Utils.moderateScale)(guideLineLayout, generalScreenResolution), [guideLineLayout, generalScreenResolution]); const horizontalScale = (0, _react.useMemo)(() => (0, _Utils.horizontalScale)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const verticalScale = (0, _react.useMemo)(() => (0, _Utils.verticalScale)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const moderateHorizontalScale = (0, _react.useMemo)(() => (0, _Utils.moderateHorizontalScale)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const moderateVerticalScale = (0, _react.useMemo)(() => (0, _Utils.moderateVerticalScale)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const widthPercentageToDP = (0, _react.useMemo)(() => (0, _Utils.widthPercentageToDP)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const heightPercentageToDP = (0, _react.useMemo)(() => (0, _Utils.heightPercentageToDP)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const viewportMin = (0, _react.useMemo)(() => (0, _Utils.viewportMin)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const viewportMax = (0, _react.useMemo)(() => (0, _Utils.viewportMax)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const viewportHeight = (0, _react.useMemo)(() => (0, _Utils.viewportHeight)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const viewportWidth = (0, _react.useMemo)(() => (0, _Utils.viewportWidth)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const sdp = (0, _react.useMemo)(() => (0, _Utils.sdp)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); const ssp = (0, _react.useMemo)(() => (0, _Utils.ssp)(screenResolution, guideLineLayout), [screenResolution, guideLineLayout]); return { heightPercentageToDP, horizontalScale, moderateHorizontalScale, moderateVerticalScale, sdp, ssp, verticalScale, viewportHeight, viewportMax, viewportMin, viewportWidth, widthPercentageToDP, scale, moderateScale }; } //# sourceMappingURL=UseScaleUtils.js.map