react-native-expo-bottomsheet/dist/BottomSheet.d.ts

A lightWeight and customizeble bottom sheet components for React Native Expo support. Includes Smooth animation

import React from "react";
import { KeyboardAvoidingView, ViewStyle } from "react-native";
export interface BottomSheetProps {
    height?: number;
    openDuration?: number;
    closeDuration?: number;
    closeOnPressMask?: boolean;
    closeOnPressBack?: boolean;
    draggable?: boolean;
    dragOnContent?: boolean;
    useNativeDriver?: boolean;
    customStyles?: any;
    customModalProps?: object;
    customAvoidingViewProps?: object;
    onOpen?: (() => void) | null;
    onClose?: (() => void) | null;
    children?: React.ReactNode;
    mainContainer?: ViewStyle;
    wrapperColors?: KeyboardAvoidingView["props"]["style"];
}
export interface BottomSheetHandle {
    open: () => void;
    close: () => void;
}
export declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetHandle>>;
declare const styles: {
    wrapper: {
        flex: number;
        backgroundColor: string;
    };
    mask: {
        flex: number;
        backgroundColor: string;
    };
    container: {
        backgroundColor: string;
        width: "100%";
        height: number;
        overflow: "hidden";
        borderTopRightRadius: number;
        borderTopLeftRadius: number;
    };
    draggableContainer: {
        width: "100%";
        alignItems: "center";
        backgroundColor: string;
    };
    draggableIcon: {
        width: number;
        height: number;
        borderRadius: number;
        margin: number;
        backgroundColor: string;
    };
};
export default styles;