Added photo picker on Android

mobile/src/ui/PhotoPanel.js

@@ -8,6 +8,7 @@ import {
   Dimensions,
 } from "react-native"
 import { Icon } from "."
+import ImagePicker from "react-native-image-picker"
 import autobind from "autobind-decorator"
 
 const getScreenPortraitDimensions = () => {
@@ -20,6 +21,36 @@ const getScreenPortraitDimensions = () => {
 }
 
 export class PhotoPanel extends Component {
+  @autobind
+  handlePhotoPress() {
+    ImagePicker.showImagePicker(
+      {
+        title: "Select Photo",
+        storageOptions: {
+          skipBackup: true,
+          path: "photos",
+        },
+      },
+      (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)
+        } else {
+          let source = { uri: response.uri }
+
+          // You can also display the image using data:
+          // let source = { uri: 'data:image/jpeg;base64,' + response.data };
+          console.log(source)
+        }
+      }
+    )
+  }
+
   render() {
     const { screenWidth, screenHeight } = getScreenPortraitDimensions()
     const photoWidth = screenHeight / 4
@@ -62,7 +93,8 @@ export class PhotoPanel extends Component {
                   borderColor: "gray",
                   borderRadius: 4,
                   justifyContent: "center",
-                }}>
+                }}
+                onPress={this.handlePhotoPress}>
                 <Icon name="add" size={24} style={{ alignSelf: "center" }} />
               </TouchableOpacity>
             ))}