@umituz/react-native-image 1.1.3 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-image",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Image manipulation and viewing for React Native apps - resize, crop, rotate, flip, compress, gallery viewer",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/GalleryHeader.tsx

@@ -1,6 +1,6 @@
 /**
  * GalleryHeader Component
- * Header for ImageGallery with edit and close buttons
+ * Header for ImageGallery with optional edit button and close button
  * 
  * This component should be implemented by the consumer app
  * using their own design system and safe area handling.
@@ -10,16 +10,20 @@ import React from 'react';
 import { View, TouchableOpacity, StyleSheet, Text } from 'react-native';
 
 interface GalleryHeaderProps {
-    onEdit: () => void;
+    onEdit?: () => void;
     onClose: () => void;
 }
 
 export function GalleryHeader({ onEdit, onClose }: GalleryHeaderProps) {
     return (
         <View style={styles.container}>
-            <TouchableOpacity style={styles.button} onPress={onEdit}>
-                <Text style={styles.buttonText}>Edit</Text>
-            </TouchableOpacity>
+            {onEdit ? (
+                <TouchableOpacity style={styles.button} onPress={onEdit}>
+                    <Text style={styles.buttonText}>Edit</Text>
+                </TouchableOpacity>
+            ) : (
+                <View style={styles.spacer} />
+            )}
 
             <TouchableOpacity style={styles.button} onPress={onClose}>
                 <Text style={styles.buttonText}>✕</Text>
@@ -42,6 +46,9 @@ const styles = StyleSheet.create({
         alignItems: 'center',
         backgroundColor: 'rgba(0, 0, 0, 0.5)',
     },
+    spacer: {
+        width: 48,
+    },
     button: {
         flexDirection: 'row',
         alignItems: 'center',

package/src/presentation/components/ImageGallery.tsx

@@ -78,10 +78,9 @@ export const ImageGallery: React.FC<ImageGalleryProps> = ({
     );
 
     const headerComponent = useCallback(() => {
-        if (!enableEditing) return null;
         return (
             <GalleryHeader
-                onEdit={handleEdit}
+                onEdit={enableEditing ? handleEdit : undefined}
                 onClose={onDismiss}
             />
         );