Я реализую компонент мини-плеера,
У меня есть 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
