Position: aboslute won't make button clickable

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>
  );

Start with the nextButton prop and the provided renderPrevButton sample, then reproduce the navigation failure when the wrapper uses position: absolute. Trace how the swiper handles touch events for these buttons and determine whether the layout or component behavior prevents navigation. Done means the positioned button navigates to the next or previous slide reliably.