react-native-blurhash/src/specs/NativeBlurhashView.ts

🖼 Blurhash is a compact representation of a placeholder for an image. This is a Native UI Module for React Native to asynchronously wrap the Blurhash implementations and make them usable in React Native. Also supports encoding!

import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
import type { ViewProps } from 'react-native';

type OnLoadErrorEvent = { message?: string };

interface NativeProps extends ViewProps {
	blurhash: string;
	decodeWidth?: WithDefault<Int32, 32>;
	decodeHeight?: WithDefault<Int32, 32>;
	decodePunch?: WithDefault<Double, 1>;
	decodeAsync?: WithDefault<boolean, false>;
	resizeMode?: WithDefault<'cover' | 'contain' | 'stretch' | 'center', 'cover'>;
	onLoadStart?: DirectEventHandler<null>;
	onLoadEnd?: DirectEventHandler<null>;
	onLoadError?: DirectEventHandler<OnLoadErrorEvent>;
}

export default codegenNativeComponent<NativeProps>('BlurhashView');