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
JavaScript
;
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