Sin descripción

zoom-image-modal.tsx 475B

123456789101112131415161718192021
  1. import ImageViewing from 'react-native-image-viewing';
  2. type ZoomImageModalProps = {
  3. uri: string | null;
  4. visible: boolean;
  5. onClose: () => void;
  6. };
  7. export function ZoomImageModal({ uri, visible, onClose }: ZoomImageModalProps) {
  8. const safeUri = typeof uri === 'string' ? uri : null;
  9. if (!visible || !safeUri) return null;
  10. return (
  11. <ImageViewing
  12. images={[{ uri: safeUri }]}
  13. imageIndex={0}
  14. visible
  15. onRequestClose={onClose}
  16. />
  17. );
  18. }