title: react native TouchableHighlight have no behavior when press to open a another screen
body: <p>Thanks for your reading,I am a beginner into React Native,I find a similar question title on this site, but my question is different from that.</p>
  
  <p>I use TouchableHighlight to press to open a new screen,I have succeeded. But the button did not change color. is that normal?</p>
  
  <p>There are some of my try:</p>
  
  <ul>
  <li>I try to use TouchableOpacity:The button will change it opacity and then open new screen</li>
  <li>I also try to use TouchableNativeFeedback:The button behaves normally once，when i tap second time it has no behavior unless i have a long press.</li>
  <li>when i use the button to do something else, not to open a new screen, it behaves correctly.</li>
  </ul>
  
  <p>Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import {
    StyleSheet,
    Text,
    View,
    Image,
    TouchableHighlight,
  } from 'react-native';
  
  import MyInfoOrder from './MyInfoOrder';
  
  export default class MyInfo extends React.Component{
      _onPress(){
          console.log("tap");
      }
      _onPressMessage(){
          const { navigator } = this.props;
          if(navigator) {
              navigator.push({
                  name: 'order',
                  component: MyInfoOrder,
              })
          }
      }
      render(){
          return(
              &lt;View style={styles.btnGroup}&gt;
                          &lt;TouchableHighlight style={[styles.btnItem]} onPress={this._onPressMessage.bind(this)}&gt;
                              &lt;View style={styles.btnItemView}&gt;
                                  &lt;Image source={require('../images/myinfo/message.png')} style={styles.btnItemViewImage} /&gt;
                                  &lt;Text style={styles.btnItemViewText}&gt;MyTest&lt;/Text&gt;
                                  &lt;Image source={require('../images/more.png')} style={styles.btnItemViewArrow} /&gt;
                              &lt;/View&gt;
                          &lt;/TouchableHighlight&gt;
                          &lt;View style={styles.lineStyle}&gt;&lt;/View&gt;
                          &lt;TouchableHighlight style={[styles.btnItem]} onPress={this._onPress}&gt;
                              &lt;View style={styles.btnItemView}&gt;
                                  &lt;Image source={require('../images/myinfo/friends.png')} style={styles.btnItemViewImage} /&gt;
                                  &lt;Text style={styles.btnItemViewText}&gt;MyTest&lt;/Text&gt;
                                  &lt;Image source={require('../images/more.png')} style={styles.btnItemViewArrow} /&gt;
                              &lt;/View&gt;
                          &lt;/TouchableHighlight&gt;
                          &lt;View style={styles.lineStyle}&gt;&lt;/View&gt;
                          &lt;TouchableHighlight style={[styles.btnItem]} onPress={this._onPress}&gt;
                              &lt;View style={styles.btnItemView}&gt;
                                  &lt;Image source={require('../images/myinfo/col.png')} style={styles.btnItemViewImage} /&gt;
                                  &lt;Text style={styles.btnItemViewText}&gt;MyTest&lt;/Text&gt;
                                  &lt;Image source={require('../images/more.png')} style={styles.btnItemViewArrow} /&gt;
                              &lt;/View&gt;
                          &lt;/TouchableHighlight&gt;
                      &lt;/View&gt;
          )
      }
  }
  
  const styles = StyleSheet.create({
      
      btnGroup:{
          marginBottom:30,
          borderRadius:10,
          backgroundColor:'#FFFFFF',
      },
      btnItem:{
          height:104,
          borderRadius:10,
      },
      btnItemView:{
          borderRadius:10,
          backgroundColor:'#FFFFFF',
          height:106,
          flexDirection:'row',
          alignItems:'center',
      },
      btnItemViewImage:{
          width:48,
          height:48,
          marginLeft:24,
          marginRight:24
      },
      btnItemViewText:{
          flex:1,
          fontSize:32,
          color:'#333333',
      },
      btnItemViewArrow:{
          width:30,
          height:30,
          marginRight:30
      },
      
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>I use:
  "react": "15.4.2",
  "react-native": "0.41.2",
  platform：android 6.0</p>