如何避免 onPress function 在 React-Native 的內部視圖中工作

Question

我想避免onPress={() => onRequestClose()} function 在我的 react-native 項目的內部View中工作。

當用戶點擊屏幕時（無論區域） onPress={() => onRequestClose()}工作，以避免我在第一個TouchableWithoutFeedback和View組件內使用View我添加了另一個TouchableWithoutFeedback 。 但這不起作用。

我正在努力尋找解決方案，有什么方法可以解決這個問題。

我的代碼如下

<View style={styles.videoOverlayWrapper}>
    <TouchableWithoutFeedback onPress={() => onRequestClose()} style={{width: '100%', height: '100%'}}>
    <View><TouchableWithoutFeedback onPress={()=>{}}>{props.children}</TouchableWithoutFeedback></View>
    </TouchableWithoutFeedback>
</View>

Answer 1

您可以在任何 onPress 中傳遞 null，如 onPress={() => null} 或 onPress={null}

<View style={styles.videoOverlayWrapper}>
    <TouchableWithoutFeedback onPress={() => null} style={{width: '100%', height: '100%'}}>
</View>

Answer 2

你能分享你的觀點風格嗎 styles.videoOverlayWrapper