lottie-react-native
Version:
React Native bindings for Lottie
58 lines • 2.27 kB
TypeScript
import type { BubblingEventHandler, Int32, Double, Float } from 'react-native/Libraries/Types/CodegenTypes';
import type { ProcessedColorValue, ViewProps, HostComponent } from 'react-native';
export type OnAnimationFinishEvent = Readonly<{
isCancelled: boolean;
}>;
export type AnimationFailureEvent = Readonly<{
error: string;
}>;
type AnimationLoadedEvent = Readonly<{}>;
type ColorFilterStruct = Readonly<{
keypath: string;
color: ProcessedColorValue;
}>;
type TextFilterIOSStruct = Readonly<{
keypath: string;
text: string;
}>;
type TextFilterAndroidStruct = Readonly<{
find: string;
replace: string;
}>;
export interface NativeProps extends ViewProps {
resizeMode?: string;
renderMode?: string;
sourceName?: string;
sourceJson?: string;
sourceURL?: string;
sourceDotLottieURI?: string;
imageAssetsFolder?: string;
progress?: Float;
speed?: Double;
loop?: boolean;
autoPlay?: boolean;
enableMergePathsAndroidForKitKatAndAbove?: boolean;
enableSafeModeAndroid?: boolean;
hardwareAccelerationAndroid?: boolean;
cacheComposition?: boolean;
colorFilters?: ReadonlyArray<ColorFilterStruct>;
dummy?: Readonly<{
dummy: boolean;
}>;
textFiltersAndroid?: ReadonlyArray<TextFilterAndroidStruct>;
textFiltersIOS?: ReadonlyArray<TextFilterIOSStruct>;
onAnimationFinish?: BubblingEventHandler<OnAnimationFinishEvent, 'onAnimationFinish'>;
onAnimationFailure?: BubblingEventHandler<AnimationFailureEvent, 'onAnimationFailure'>;
onAnimationLoaded?: BubblingEventHandler<AnimationLoadedEvent, 'onAnimationLoaded'>;
}
type LottieViewNativeComponentType = HostComponent<NativeProps>;
interface NativeCommands {
play: (viewRef: React.ElementRef<LottieViewNativeComponentType>, startFrame: Int32, endFrame: Int32) => void;
reset: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
pause: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
resume: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
}
export declare const Commands: NativeCommands;
declare const _default: HostComponent<NativeProps>;
export default _default;
//# sourceMappingURL=LottieAnimationViewNativeComponent.d.ts.map