UNPKG

react-native-ui-lib

Version:

[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct.svg)](https://stand-with-ukraine.pp.ua)

66 lines (65 loc) 1.97 kB
import React, { PureComponent } from 'react'; import { Animated, StyleProp, ViewStyle, LayoutChangeEvent } from 'react-native'; /** * @description: Progress bar * @example:https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ProgressBarScreen.tsx */ interface Props { /** * The progress of the bar from 0 to 100 */ progress?: number; /** * FullWidth Ui preset */ fullWidth?: boolean; /** * Override container style */ style?: StyleProp<ViewStyle>; /** * Progress color */ progressColor?: string; /** * Custom element to render on top of the animated progress */ customElement?: JSX.Element; testID?: string; } export type ProgressBarProps = Props; interface State { containerWidth?: number; } declare class ProgressBar extends PureComponent<Props, State> { static displayName: string; static defaultProps: Partial<Props>; progressAnimation: Animated.Value; constructor(props: Props); componentDidUpdate(prevProps: Props): void; getContainerWidth: (event: LayoutChangeEvent) => void; animateProgress(toValue?: number): void; getAccessibilityProps(): { accessible: boolean; accessibilityLabel: string; } | undefined; getContainerStyle(): { height: number; borderRadius?: number | undefined; }; getProgressStyle(): { right: number | undefined; backgroundColor: string; borderRadius: number; } | { right: number | undefined; backgroundColor: string; borderBottomRightRadius: number; borderTopRightRadius: number; }; renderCustomElement(): React.FunctionComponentElement<any> | undefined; render(): React.JSX.Element; } export { ProgressBar }; declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>> & typeof ProgressBar; export default _default;