@td-design/react-native
Version:
react-native UI组件库
25 lines • 942 B
TypeScript
import { ReactNode } from 'react';
import { StyleProp, ViewStyle } from 'react-native';
import { SharedValue } from 'react-native-reanimated';
interface FloatButtonItem {
icon?: ReactNode;
label: ReactNode;
onPress: () => void | Promise<void>;
style?: StyleProp<ViewStyle>;
}
export interface FloatButtonProps {
items: FloatButtonItem[];
itemHeight?: number;
position?: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
customActionButton?: (progress: SharedValue<number>, onPress: () => void) => ReactNode;
containerStyle?: StyleProp<ViewStyle>;
draggable?: boolean;
actionButtonProps?: {
width?: number;
height?: number;
borderRadius?: number;
};
}
export default function FloatButton({ customActionButton, items, itemHeight, position, containerStyle, draggable, actionButtonProps, }: FloatButtonProps): JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map