Как вызвать дважды функцию в одной и той же оболочке? - PullRequest
0 голосов
/ 28 марта 2020

Я реализую компонент мини-плеера,

У меня есть TouchableWithoutFeedback «игрок панели инструментов» в качестве родителя внутри него У меня есть TouchableOpacity «Значок паузы»,

Родитель когда я нажимаю на нее, я вызываю функцию, чтобы сделать что-то, хорошо?

Теперь, когда я нажимаю на pause icon, она не вызывает свою собственную функцию, она вызывает родительскую функцию.

I я пытаюсь использовать zIndex и что-то еще, но не работает.

Так, как я могу справиться с этим делом?

Код

 <TouchableWithoutFeedback
        onPress={onHeaderPress}
        key={'header-container'}>
        <AnimatedView style={styles.headerContainer}>
        <View
             style={{
               flexGrow: 1,
               flexDirection: 'row',
               alignItems: 'center',
               justifyContent: 'space-between',
               paddingTop: 10,
              }}>
            <Text style={styles.songTitleSmall}>
                {props.songs[props.currentIndex].name}
            </Text>
            <TouchableOpacity
                onPress={() => alert('isPause?')}
                style={styles.headerActionButton}>
                <Ionicons color="#282A36" name="ios-pause" size={30} />
            </TouchableOpacity>
        </View>
    </AnimatedView>
  </TouchableWithoutFeedback>

UI

UI

...