Position: aboslute won't make button clickable

[darias08]

Hello,

when I am using nextButton prop to edit the button design. I am having an issue when I am using position: absolute. The problem with this is that when I try to press the button it won't navigate me to next image slide show. I have tried using index: 1 and that still won't work. I am not sure if this is a bug or something I am missing, but please let me know how I can resolve this issue!

Here's a small sample of what I have:

const renderPrevButton = () => (
    <View style={{position: 'absolute', marginLeft: 100}}>
      <FontAwesome
        style={{
          backgroundColor: '#121212',
          paddingLeft: 15,
          paddingTop: 12,
          paddingBottom: 12,
          paddingRight: 17,
          borderRadius: 25,
        }}
        name="chevron-left"
        size={20}
        color={COlORS.blue}
      />
    </View>
  );