react-native - TouchableOpacity はタッチ イベントを飲み込み、決して通過しません

Question

私は両方onPressをoccuredTouchableOpacityにしようとしていますが、2番目のものだけが発火します:

<TouchableOpacity onPress={() => console.warn('first button')}>
  <TouchableOpacity onPress={() => console.warn('second button')}>
    <Text>
      PRESS ME
    </Text>
  </TouchableOpacity>
</TouchableOpacity>

両方を発火させるにはどうすればよいですか？

前もって感謝します！

Answer 1

「ref」の概念を使用し、小道具 onPress を呼び出すだけで、両方を起動できます。

<TouchableOpacity onPress={() => 
  AlertIOS.alert('firstbutton')
  } 
  ref={component => this.myFirstTouchable = component}
>
    <TouchableOpacity onPress={() => 
        {
        AlertIOS.alert('second')
        this.myFirstTouchable.props.onPress()
        }
    }>
        <Text>
          PRESS ME
        </Text>
      </TouchableOpacity>
    </TouchableOpacity>