javascript - 内部带有自定义组件的 TouchableWithoutFeedback 不会触发 onPress 回调

Question

我做了一个 DEMO

所以问题是第三个按钮不起作用。按钮之间的唯一区别是我在 Header 组件中传递它们的方式。

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

Answer 1

我的解决办法是把这个...

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

进入这个...

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