title: TouchableOpacity onPress not Firing in Android
body: <p>I have an onPress handler not firing in Android. Neither the <code>_pickImage</code> method is never fired on Android, nor the <code>console.log('onpress')</code>. Using Expo 31.</p>
  
  <p>Code:</p>
  
  <pre><code>  _pickImage = async () =&gt; {
      console.log('press');
      const {
        status: cameraPerm
      } = await Permissions.askAsync(Permissions.CAMERA);
  
      const {
        status: cameraRollPerm
      } = await Permissions.askAsync(Permissions.CAMERA_ROLL);
  
      // only if user allows permission to camera roll
      if (cameraPerm === 'granted' &amp;&amp; cameraRollPerm === 'granted') {
        let pickerResult = await ImagePicker.launchImageLibraryAsync({
          allowsEditing: true,
          aspect: [4, 3],
        });
  
        this._handleImagePicked(pickerResult);
      }
    };
  
  return (
    &lt;Container&gt;
        ....some code
        &lt;View&gt;
          &lt;View style={styles.margotImgInnerView}&gt;
            &lt;Image source={User.getProfileSource(this.props.profile)} style={styles.margotImg}  /&gt;
            &lt;TouchableOpacity onPress={() =&gt; { // This doesn't fire on Android
              console.log('onpress');
              this._pickImage()
            }}&gt;
              &lt;View style={styles.margotImgEditView}&gt;
                &lt;Icon name="ios-videocam" style={styles.editCamIcon} /&gt;
                &lt;Text style={{ fontSize: 15 }}&gt;Edit&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
          {this._maybeRenderUploadingOverlay()}
        &lt;/View&gt;
  
  
    margotImgInnerView: {
      position: "absolute",
      top: -(deviceWidth / 6),
      left: deviceWidth / 3,
      width: deviceWidth / 3,
      height: deviceWidth / 3,
      borderRadius: 5,
      borderWidth: 5,
      borderColor: "#fff"
    },
    margotImg: {
      height: deviceWidth / 3 - 10,
      width: deviceWidth / 3 - 10
    },
    margotImgEditView: {
      position: "absolute",
      right: 0,
      bottom: 0,
      height: 25,
      width: 60,
      backgroundColor: "rgba(206,208,203,0.8)",
      borderRadius: 5,
      borderTopRightRadius: 0,
      borderBottomLeftRadius: 0,
      borderBottomRightRadius: 0,
      flexDirection: "row",
      justifyContent: "center",
      paddingTop: 3
    },
  </code></pre>
  
  <p>I also tried removing the "Overlay" which in any case is only activwe when Uploading.</p>
  
  <p>Packages</p>
  
  <pre><code>  "devDependencies": {
      "babel-eslint": "^10.0.1",
      "eslint": "^5.10.0",
      "eslint-plugin-flowtype": "^3.2.0",
      "eslint-plugin-import": "^2.14.0",
      "eslint-plugin-jsx-a11y": "^6.1.2",
      "eslint-plugin-prettier": "^3.0.0",
      "eslint-plugin-react": "^7.11.1",
      "eslint-plugin-react-native": "^3.5.0",
      "flow-bin": "^0.89.0",
      "flow-typed": "^2.5.1",
      "husky": "^1.2.1€€",
      "jest": "^23.6.0",
      "jest-expo": "^31.0.0",
      "prettier": "^1.15.3",
      "react-test-renderer": "^16.6.3"
    },
    "dependencies": {
      "@babel/core": "^7.2.0",
      "expo": "^31.0.6",
      "jest-cli": "^23.6.0",
      "kleur": "^3",
      "lodash": "^4.17.11",
      "moment": "^2.23.0",
      "native-base": "^2.8.0",
      "prop-types": "^15.6.2",
      "react": "^16.6.0",
      "react-native": "^0.57.0",
      "react-native-gifted-chat": "^0.5.0",
      "react-navigation": "^2.18.3",
      "react-redux": "^6.0.0",
      "redux": "^4.0.1",
      "redux-form": "^8.0.4",
      "redux-persist": "^5.10.0",
      "redux-saga": "^0.16.2",
      "redux-thunk": "^2.3.0",
      "remote-redux-devtools": "^0.5.14",
      "remote-redux-devtools-on-debugger": "^0.8.3"
    }
  </code></pre>