1. 程式人生 > >[ReactNative]Image點選事件[this.props.pop()]無法返回上一頁

[ReactNative]Image點選事件[this.props.pop()]無法返回上一頁

剛開始的時候,直接在Image上面寫的onPress時間,但是系統並不知道當前的元件是否可用,所以,需要在最外層巢狀上一層TouchableOpacity

修改後的程式碼:

<View style={styles.headView}>
        <TouchableOpacity onPress={()=>{this.props.navigator.pop();}}>
          <Image style={{height: 24, width: 24}}
            source={Setting.os === 'ios' ? require('./icon/back.png') : require('./android/app/src/main/res/mipmap-xxhdpi/back.png')}
          />
        </TouchableOpacity>
        <Text style={{flex: 1, fontSize: 16, textAlign: 'center'}}>詳情</Text>
      </View>