Как получить событие onPress из нескольких сенсорных компонентов, которые размещаются внутри представления пользовательского маркера или выноски?

Question

Я пытаюсь разместить 2 сенсорных компонента внутри пользовательского представления маркера и выноски. Я не могу получить события onPress двух отдельных сенсорных компонентов. Я получаю onPress маркера и выноски, но не могу получить onPress отдельного сенсорного компонента.

Есть ли способ получить событие onPress каждого сенсорного компонента, размещенного внутри пользовательского представления?

Я использую реактив-нативные карты v0.24.2, реактив-нативный v0.59.9

Это код с выноской

              <Marker
                coordinate={Coordinates}
              >
                <Callout>
                  <View style={{ width: 200, height: 80, backgroundColor: 'white', borderRadius: 3, }}>
                    <View style={{ alignItems: 'center', justifyContent: 'center', }}>
                      <TouchableOpacity
                        style={{ height: '50%', width: '100%', justifyContent: 'center', alignItems: 'center' }}
                        onPress={() => { alert('Cicked one') }}
                      >
                        <Text style={styles.popOverText}>Click one</Text>
                      </TouchableOpacity>
                      <View style={{ backgroundColor: colors.grey_lbl, width: '85%', height: 1 }} />
                      <TouchableOpacity
                        style={{ height: '50%', width: '100%', justifyContent: 'center', alignItems: 'center' }}
                        onPress={() => alert('Click 2')}
                      >
                        <Text style={styles.popOverText}>Click Two</Text>
                      </TouchableOpacity>
                    </View>
                    <View style={[styles.triangle, { alignSelf: 'center' }]} />
                  </View>
                </Callout>
              </Marker>

Это код для пользовательского маркера

             <Marker
                coordinate={this.state.createPoiCoordinates}
              >
                <View style={[{
                  width: 200, height: 80, backgroundColor: 'white', borderRadius: 3,

                }]}>
                  <View style={{ alignItems: 'center', justifyContent: 'center', }}>
                    <TouchableOpacity
                      style={{ height: '50%', width: '100%', justifyContent: 'center', alignItems: 'center' }}
                      onPress={() => { alert('Cicked one') }}
                    >
                      <Text style={styles.popOverText}>Click one</Text>
                    </TouchableOpacity>
                    <View style={{ backgroundColor: colors.grey_lbl, width: '85%', height: 1 }} />
                    <TouchableOpacity
                      style={{ height: '50%', width: '100%', justifyContent: 'center', alignItems: 'center' }}
                      onPress={() => alert('Click 2')}
                    >
                      <Text style={styles.popOverText}>Click Two</Text>
                    </TouchableOpacity>
                  </View>
                  <View style={[styles.triangle, { alignSelf: 'center' }]} />
                </View>
              </Marker>