react-native-floating-action-circle-button/index.d.ts

Simple floating action button component with circle button for react native

import React from "react";
import { ImageSourcePropType, ImageStyle, StyleProp, ViewStyle } from 'react-native';

export interface ActionsProps {
    disable?: boolean;
    onPress?: () => void;
    label?: string;
    icon?: ImageSourcePropType;
    iconStyle?: StyleProp<ImageStyle>;
    buttonStyle?: StyleProp<ViewStyle>;
}

export interface FloatingActionsProps {
    actions?: ActionsProps[];
    containerStyle?: StyleProp<ViewStyle>;
    actionButtonStyle?: StyleProp<ViewStyle>;
    backgroundStyle?: StyleProp<ViewStyle>;
    anchorButtonStyle?: StyleProp<ViewStyle>;
    anchorActiveIcon?: ImageSourcePropType;
    anchorInactiveIcon?: ImageSourcePropType;
    anchorIconStyle?: StyleProp<ImageStyle>;
}

export default class FloatingActionButton extends React.Component<FloatingActionsProps> {}