how to deal with the onPress event

part of my code is shown as below. Please tell me why the onPress event can not be called.

var image=[];
    var carousel=this.state.carousel;
    for(var i=0;i<carousel.图片.length;i++){
      var path='http://'+config.serverAddress+carousel[i].图片地址;
      image.push(
        <View>
        <TouchableHighlight onPress={()=>{Alert.alert("touch")}}>
        <Image source={{uri:path}} height={width/2} navigator={this.props.navigator} key={i}/>
        </TouchableHighlight>
        </View>
        );
}

<Swiper style={styles.wrapper} showsButtons={true} autoplay={true} height={width/2} 
             activeDot={<View style={{backgroundColor: '#27c081', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />}
             nextButton={<Text style={styles.buttonText}>›</Text>}
             prevButton={<Text style={styles.buttonText}>‹</Text>}>
              {image}
            </Swiper>

Start with the inline render code, focusing on the TouchableHighlight and Swiper interaction. Reproduce the missing onPress callback and inspect the relevant component behavior; done means identifying the cause and documenting or confirming a fix, though the issue names no repository file or test.