react-native-image-modal-reanimated
Version:
image full screen modal for react native
23 lines • 1.45 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Image, TouchableOpacity } from 'react-native';
import Animated, { useAnimatedStyle } from 'react-native-reanimated';
var OriginImage = function (_a) {
var source = _a.source, resizeMode = _a.resizeMode, imageOpacity = _a.imageOpacity, renderToHardwareTextureAndroid = _a.renderToHardwareTextureAndroid, disabled = _a.disabled, style = _a.style, isModalOpen = _a.isModalOpen, onDialogOpen = _a.onDialogOpen, onLongPressOriginImage = _a.onLongPressOriginImage, renderImageComponent = _a.renderImageComponent;
var handleOpen = function () {
if (disabled) {
return;
}
onDialogOpen();
};
var animatedStyles = useAnimatedStyle(function () { return ({
opacity: imageOpacity.value,
}); });
return (_jsx(Animated.View, { renderToHardwareTextureAndroid: renderToHardwareTextureAndroid, style: animatedStyles, children: _jsx(TouchableOpacity, { activeOpacity: 1, style: { alignSelf: 'baseline' }, onPress: handleOpen, onLongPress: onLongPressOriginImage, children: typeof renderImageComponent === 'function' ? (renderImageComponent({
source: source,
style: style,
resizeMode: resizeMode,
isModalOpen: isModalOpen,
})) : (_jsx(Image, { source: source, style: style, resizeMode: resizeMode })) }) }));
};
export { OriginImage };
//# sourceMappingURL=index.js.map