title: onPress not firing on Android but fine on iOS
body: <p>I've written a React Native app, iOS was the priority so I built that first. It's in the App Store and works perfectly, however I've just started working on Android and although everything <em>appears</em> to be working correctly except for touch events, which are not firing at all. </p>
  
  <p>None of the touchable elements are calling the <code>onPress</code> callback, nor is the <code>Button</code> element. I've even tried stripping the app down completely, removing the navigator, and adding a load of touchable elements to the initial screen but still none of the <code>onPress</code> callbacks are firing.</p>
  
  <p>Below is the code for the initial screen of my app, though I doubt any of this code is causing the issue:</p>
  
  <pre><code>// @flow
  import React, { type Element } from 'react';
  import { View, Text, Image, TouchableOpacity } from 'react-native';
  import type { NavigatorScreenProps } from 'react-navigation';
  import i18n from '../../i18n';
  import style from './style';
  
  type Props = {
    navigation: NavigatorScreenProps
  }
  
  export default function SignIn ({ navigation }: Props): Element&lt;typeof View&gt; {
    return (
      &lt;View style={style.container}&gt;
        &lt;View style={style.top}&gt;
          &lt;Image source={require('../../assets/images/purpleWithTransparentBackground.png')} style={style.logo} /&gt;
        &lt;/View&gt;
        &lt;View style={style.bottom}&gt;
          &lt;TouchableOpacity activeOpacity={0.97} onPressIn={() =&gt; console.log('in')} onPressOut={() =&gt; console.log('out')} onPress={() =&gt; { console.log('do something!'); navigation.navigate('EnterEmail'); }} style={[style.submit, { zIndex: 99999, elevation: 99999 }]}&gt;
            &lt;Text style={style.submitText}&gt;
              {i18n.t('SIGN_IN')}
            &lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
        &lt;/View&gt;
        &lt;Image source={require('../../assets/images/cityscapeGrey.png')} style={style.cityscape} /&gt;
      &lt;/View&gt;
    );
  }
  </code></pre>
  
  <p>Component styles:</p>
  
  <pre><code>import { StyleSheet, Dimensions } from 'react-native';
  import defaultStyles from '../../style';
  
  const { width: screenWidth } = Dimensions.get('window');
  
  export default StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: defaultStyles.white
    },
  
    top: {
      flex: 1,
      justifyContent: 'flex-end',
      alignItems: 'center',
      width: '100%'
    },
  
    bottom: {
      flex: 1,
      width: '100%'
    },
  
    animatedContainer: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      width: '100%'
    },
  
    postcode: {
      padding: 12,
      height: 50,
      backgroundColor: 'white',
      width: '100%',
      borderRadius: 5,
      fontSize: 17
    },
  
    text: {
      width: 296,
      height: 44,
      fontFamily: 'SFProText-Light',
      fontSize: 16,
      fontWeight: '500',
      fontStyle: 'normal',
      lineHeight: 22,
      letterSpacing: 0,
      textAlign: 'center',
      color: defaultStyles.balticSea
    },
  
    logo: {
      marginBottom: 14
    },
  
    error: {
      color: defaultStyles.brickRed,
      marginVertical: 12,
      width: '100%',
      textAlign: 'center'
    },
  
    submit: {
      width: 311,
      height: 56,
      borderRadius: 4,
      backgroundColor: defaultStyles.mountainMeadow,
      justifyContent: 'center',
      alignItems: 'center',
      alignSelf: 'center',
      marginTop: 30
    },
  
    submitText: {
      width: 311,
      height: 21,
      fontFamily: 'SFProDisplay-Heavy',
      fontSize: 18,
      fontWeight: 'bold',
      fontStyle: 'normal',
      letterSpacing: 0,
      textAlign: 'center',
      color: defaultStyles.white
    },
  
    highlight: {
      color: defaultStyles.mountainMeadow
    },
  
    cityscape: {
      position: 'absolute',
      left: 0,
      bottom: 0,
      width: screenWidth,
      resizeMode: 'repeat'
    }
  });
  </code></pre>
  
  <p>Thanks in advance for any help.</p>