react-native-zoom-toolkit
Version:
Most complete set of pinch to zoom utilites for React Native
58 lines (57 loc) • 1.83 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _react = require("react");
var _reactNative = require("react-native");
/**
* @description Gets the resolution of a bundle or network image.
* @param source Object containing an url pointing to a network image and optional headers or a
* require statement pointing to a bundle image asset.
* @returns An object containing the following values:
* - A boolean flag indicating whether the hook is fetching or not.
* - Resolution of the image.
* - An Error in case the image resolution fetching has failed.
* @see https://glazzes.github.io/react-native-zoom-toolkit/utilities/useimageresolution.html
*/
function _default(source) {
const [isFetching, setIsFetching] = (0, _react.useState)(true);
const [error, setError] = (0, _react.useState)(undefined);
const [resolution, setResolution] = (0, _react.useState)(undefined);
const onSuccess = (width, height) => {
setResolution({
width,
height
});
setIsFetching(false);
};
const onFailure = e => {
setError(e);
setIsFetching(false);
};
const deps = JSON.stringify(source);
(0, _react.useEffect)(() => {
setIsFetching(true);
if (typeof source === 'number') {
const {
width,
height
} = _reactNative.Image.resolveAssetSource(source);
onSuccess(width, height);
return;
}
if (source.headers === undefined) {
_reactNative.Image.getSize(source.uri, onSuccess, onFailure);
return;
}
_reactNative.Image.getSizeWithHeaders(source.uri, source.headers, onSuccess, onFailure);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [deps]);
return {
isFetching,
resolution,
error
};
}
//# sourceMappingURL=useImageResolution.js.map