rn-bottom-menu/types/src/BottomMenu.styles.d.ts

React Native custom bottom menu

export declare const TAB_BAR_HEIGHT = 80;
export declare const style: {
    container: {
        flexDirection: "row";
        height: number;
        backgroundColor: string;
    };
    bottomFill: {
        width: "100%";
        position: "absolute";
        left: number;
        right: number;
    };
    fabButtonsContainer: {
        position: "absolute";
        flex: number;
        flexDirection: "row";
        width: "100%";
        height: number;
    };
    wrapper: {
        justifyContent: "center";
        alignItems: "center";
        flex: number;
        zIndex: number;
        elevation: number;
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
    };
    tabBarLabelWrapper: {
        zIndex: number;
        alignItems: "center";
    };
    focusedButton: {
        position: "absolute";
        height: number;
        width: number;
        zIndex: number;
        borderRadius: number;
        elevation: number;
        justifyContent: "center";
        alignItems: "center";
    };
    unfocusedButton: {
        justifyContent: "center";
        alignItems: "center";
        flex: number;
        width: "100%";
        zIndex: number;
    };
    barShapeWrapper: {
        elevation: number;
        zIndex: number;
        backgroundColor: string;
    };
};