@shayrn/react-native-scaler/dist/responsive.d.ts

Responsive scaling utilities for React Native CLI and Expo apps

export declare const screenWidth: number;
export declare const screenHeight: number;
export declare const configureScaler: (config: {
    referenceWidth?: number;
    referenceHeight?: number;
}) => void;
export declare const scale: (size: number, options?: {
    min?: number;
    max?: number;
    useUniform?: boolean;
}) => number;
export declare const scaleFont: (fontSize: number, options?: {
    min?: number;
    max?: number;
    respectAccessibility?: boolean;
}) => number;
export declare const scaleLineHeight: (lineHeight: number, options?: {
    min?: number;
    max?: number;
    respectAccessibility?: boolean;
}) => number;
export declare const scaleRadius: (radius: number, options?: {
    min?: number;
    max?: number;
}) => number;
export declare const scaleWidth: (size: number, options?: {
    min?: number;
    max?: number;
}) => number;
export declare const scaleHeight: (size: number, options?: {
    min?: number;
    max?: number;
}) => number;
export declare const getPixelSize: (layoutSize: number) => number;
export declare const deviceInfo: {
    pixelRatio: number;
    fontScale: number;
    isHighDensity: boolean;
    isTablet: boolean;
    isSmallDevice: boolean;
    aspectRatio: number;
};
export declare const responsive: {
    width: (value: number, options?: {
        min?: number;
        max?: number;
    }) => number;
    height: (value: number, options?: {
        min?: number;
        max?: number;
    }) => number;
    font: (value: number, options?: {
        min?: number;
        max?: number;
        respectAccessibility?: boolean;
    }) => number;
    lineHeight: (value: number, options?: {
        min?: number;
        max?: number;
        respectAccessibility?: boolean;
    }) => number;
    radius: (value: number, options?: {
        min?: number;
        max?: number;
    }) => number;
    spacing: (value: number, options?: {
        min?: number;
        max?: number;
        useUniform?: boolean;
    }) => number;
    adaptiveSpacing: (value: number) => number;
    pixelPerfect: (value: number) => number;
};
export declare const responsiveStyles: {
    container: {
        padding: number;
        margin: number;
        borderRadius: number;
        gap: number;
    };
    text: {
        fontSize: number;
        lineHeight: number;
    };
    adaptiveText: {
        fontSize: number;
        lineHeight: number;
    };
};
export declare const onOrientationChange: (callback: () => void) => {
    remove: () => void;
};
export declare const getScales: () => {
    width: number;
    height: number;
    uniform: number;
    pixel: number;
    font: number;
};
export declare const scales: {
    width: number;
    height: number;
    uniform: number;
    pixel: number;
    font: number;
};
export type ScaleOptions = {
    min?: number;
    max?: number;
    useUniform?: boolean;
};
export type FontScaleOptions = {
    min?: number;
    max?: number;
    respectAccessibility?: boolean;
};
export type DeviceInfo = typeof deviceInfo;