부모에 달려있는 터치 이벤트를 특정한 자식 컴포넌트에서 무시하는 방법

<TouchableOpacity onPress={() => {doSomeThing2}>
  <View>
    <MyComponent />
    <Text />
    <View />
  </View>
</TouchableOpacity>

이런식의 코드가 있을 때 컴포넌트 전체를 감싸고 있는 TouchableOpacity로 인해 MyComponent 내부에 있는 버튼에 달려있는 TouchableOpacity가 동작하지 않습니다. 저렇게 특정 자식 컴포넌트에서 부모의 터치이벤트를 무시하고 자기 자신의 터치 이벤트를 실행하려면 어떻게 해야 하는지 궁금합니다.

자답입니다.
감싸는 쪽은 TouchableWithoutFeedback으로 하고, MyComponent 안에서는 TouchableOpacity로 하니, 따로따로 잘 동작합니다.
이 때 중요한 점은 gesture-handler에 있는 것을 import 하면 안되고, 둘다 react-native 로부터 import 시켜야 합니다.

좋아요 2