TouchableWithoutFeedback with custom component inside doesn't fires onPress callback

Question

I made a DEMO

so the problem is that third button isn't working. The only difference between buttons is the way I passed them in Header component.

<Header secondButton={<View style={styles.button}><Text>Second Button</Text></View>}
        thirdButton={<ThirdButton />}
        onPress={this._handlePress} />

Answer 1

My solution was to turn this ...

<TouchableWithoutFeedback onPress={props.onPress}>
  <Contents {...props} />
</TouchableWithoutFeedback>

into this...

<TouchableWithoutFeedback onPress={props.onPress}>
  <View>
    <Contents {...props} />
  </View>
</TouchableWithoutFeedback>