Update mobileapp.txt

mobileapp.txt

@@ -1,18 +1,30 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { View, Image, TouchableOpacity, Text } from 'react-native';
-import ImagePicker from 'react-native-image-picker';
+import * as ImagePicker from 'expo-image-picker';
 import { ImageEditor } from 'react-native';
 
 const CropImage = () => {
   const [croppedImage, setCroppedImage] = useState(null); // State to store the cropped image URI
 
-  const handleSelectImage = () => {
-    ImagePicker.showImagePicker({ mediaType: 'photo' }, (response) => {
-      if (!response.didCancel) {
-        const { uri } = response;
-        cropImage(uri);
-      }
+  useEffect(() => {
+    getPermission();
+  }, []);
+
+  const getPermission = async () => {
+    const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
+    if (status !== 'granted') {
+      alert('Permission denied!');
+    }
+  };
+
+  const handleSelectImage = async () => {
+    let result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ImagePicker.MediaTypeOptions.Images,
     });
+
+    if (!result.cancelled) {
+      cropImage(result.uri);
+    }
   };
 
   const cropImage = (imageUri) => {