react-native-timacare 3.1.17-beta → 3.1.18-beta

package/src/screens/toan-trinh-so/VehicleCamera.tsx

@@ -5,6 +5,7 @@ import {
   Dimensions,
   Image,
   ImageStyle,
+  PermissionsAndroid,
   Platform,
   SafeAreaView,
   TextStyle,
@@ -12,7 +13,11 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
-import { CommonActions, useNavigation } from '@react-navigation/native';
+import {
+  CommonActions,
+  useNavigation,
+  useIsFocused,
+} from '@react-navigation/native';
 import Modal from 'react-native-modal';
 import { MText } from '../../components/MText';
 import LinearGradient from 'react-native-linear-gradient';
@@ -37,6 +42,8 @@ import { IconUpload } from '../../assets/svgs';
 import ImagePicker from 'react-native-image-crop-picker';
 
 export default function VehicleCamera(props: any) {
+  const isFocused = useIsFocused();
+  const [shouldRenderCamera, setShouldRenderCamera] = useState(false);
   const navigation = useNavigation();
   const [showModal, setShowModal] = useState(false);
   const [title, setTitle] = useState(
@@ -175,19 +182,58 @@ export default function VehicleCamera(props: any) {
     loadIntro();
   }, []);
 
+  useEffect(() => {
+    let timeout: NodeJS.Timeout;
+
+    if (isFocused) {
+      // Delay mounting camera to give Android time to release the previous one
+      timeout = setTimeout(() => {
+        setShouldRenderCamera(true);
+      }, 500); // thử 300ms–500ms nếu cần
+    } else {
+      setShouldRenderCamera(false);
+    }
+
+    return () => clearTimeout(timeout);
+  }, [isFocused]);
+
   const pickImageFromGallery = async () => {
+    if (Platform.OS === 'android') {
+      const granted = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.READ_MEDIA_IMAGES ||
+          PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
+        {
+          title: 'Permission to access photos',
+          message: 'App needs access to your photos to pick images.',
+          buttonNeutral: 'Ask Me Later',
+          buttonNegative: 'Cancel',
+          buttonPositive: 'OK',
+        }
+      );
+
+      if (granted !== PermissionsAndroid.RESULTS.GRANTED) {
+        console.log('Permission denied');
+        return;
+      }
+    }
     ImagePicker.openPicker({}).then((image) => {
+      console.log(image);
+
       if (props?.route?.params?.front) {
         navigation.push(ScreenNames.VehicleRegistrationFront, {
-          uri: image?.sourceURL,
+          uri:
+            Platform.OS === 'android' ? image?.path : 'file://' + image?.path,
           loan: props?.route?.params?.loan,
         });
       } else if (props.route?.params?.callback) {
         navigation.goBack();
-        props.route?.params?.callback(image?.sourceURL);
+        props.route?.params?.callback(
+          Platform.OS === 'android' ? image?.path : 'file://' + image?.path
+        );
       } else {
         navigation.push(ScreenNames.VehicleRegistrationBack, {
-          uri: image?.sourceURL,
+          uri:
+            Platform.OS === 'android' ? image?.path : 'file://' + image?.path,
           loan: props?.route?.params?.loan,
         });
       }
@@ -199,7 +245,7 @@ export default function VehicleCamera(props: any) {
       style={[$flex, { backgroundColor: 'black' }]}
       pointerEvents={'box-none'}
     >
-      {passPermission && (
+      {passPermission && shouldRenderCamera ? (
         <View
           style={[
             commonStyles.alignCenter,
@@ -339,6 +385,8 @@ export default function VehicleCamera(props: any) {
             </MText>
           </SafeAreaView>
         </View>
+      ) : (
+        <></>
       )}
       <Modal
         isVisible={showModal}