Change app icon

screens/AddItemScreen/index.js

@@ -12,8 +12,109 @@ const plusbutton = require('../../images/plusbutton.png');
 // const editbutton = require('../../images/editbutton.png');
 // const deletebutton = require ('../../images/deletebutton.png');
 
-
 const AddItemScreen = ({navigation}) => {
+  const requestCameraPermission = async () => {
+    try {
+      const granted = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.CAMERA,
+        {
+          title: "Cool Photo App Camera Permission",
+          message:
+            "Cool Photo App needs access to your camera " +
+            "so you can take awesome pictures.",
+          buttonNeutral: "Ask Me Later",
+          buttonNegative: "Cancel",
+          buttonPositive: "OK"
+        }
+      );
+      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+        console.log("You can use the camera");
+      } else {
+        console.log("Camera permission denied");
+      }
+    } catch (err) {
+      console.warn(err);
+    }
+  };
+  
+  const requestExternalWritePermission = async () => {
+    if (Platform.OS === 'android') {
+      try {
+        const granted = await PermissionsAndroid.request(
+          PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
+          {
+            title: 'External Storage Write Permission',
+            message: 'App needs write permission',
+          },
+        );
+        // If WRITE_EXTERNAL_STORAGE Permission is granted
+        return granted === PermissionsAndroid.RESULTS.GRANTED;
+      } catch (err) {
+        console.warn(err);
+        alert('Write permission err', err);
+      }
+      return false;
+    } else return true;
+  };
+  
+  const openCamera = () => {
+    requestCameraPermission()
+    const options={
+      storageOption : {
+        path:'images',
+        mediaType:'photo',
+      },
+      includeBase64: true,
+    };
+  
+    launchCamera(options, response => {
+      console.log('Response = ', response);
+      if (response.didCancel) {
+        console.log('User cancelled image picker');
+      } else if (response.error) {
+        console.log('ImagePicker Error: ', response.error);
+      } else if (response.customButton) {
+        console.log('User tapped custom button: ', response.customButton);
+        alert(response.customButton);
+      } else {
+        console.log('Response else = ', response);
+        const source = response.assets[0].uri
+        console.log(source)
+        // setImage(source);
+        // setImageUri(source);
+        // setAddImageVisible(false);
+      }
+    });
+  };
+  
+  const openGallery = () => {
+    requestExternalWritePermission()
+    const options={
+      storageOption : {
+        path:'images',
+        mediaType:'photo',
+      },
+      includeBase64: true,
+    };
+  
+    launchImageLibrary(options, response => {
+      console.log('Response = ', response);
+      if (response.didCancel) {
+        console.log('User cancelled image picker');
+      } else if (response.error) {
+        console.log('ImagePicker Error: ', response.error);
+      } else if (response.customButton) {
+        console.log('User tapped custom button: ', response.customButton);
+        alert(response.customButton);
+      } else {
+        const source = response.assets[0].uri
+        console.log(source)
+        // setImage(source);
+        // setImageUri(source);
+        // setAddImageVisible(false);
+      }
+    });
+  };
   const [addImageModalVisible, setAddImageModalVisible] = useState(false);
   const AddImageModal = () => {
   if(addImageModalVisible){
@@ -30,7 +131,7 @@ const AddItemScreen = ({navigation}) => {
             style={{
               height:'100%', 
               width:'100%', 
-              backgroundColor:'rgba(192,192,192,0.8)', 
+              backgroundColor:'rgba(0,0,0,.5)', 
               justifyContent:'center', 
               alignItems:'center'
             }}>
@@ -295,7 +396,7 @@ const styles = StyleSheet.create({
       marginTop:50,
     },
     textItem:{
-      fontFamily:'Poppins-SemiBold',
+      fontFamily:'Poppins-Regular',
       fontSize:20,
       color:'black',
       marginHorizontal:20,