Can’t get homemade dropdown to display above the rest of my components

I am working on my own health and wellness app to help me learn React Native and decided to create my own search bar to search an API for medication names as the user types in the text input. It all works fine, but when I go to use my homemade search bar the dropdown is not being displayed on top and is getting cut off by other components. I have tried to add a zIndex and elevation to the dropdown but neither seem to work. I also tried to add a lower zIndex’s to the containers holding the search bar and still nothing :/ . Any help would be greatly appreciated!

JS file of search bar component:

I am also testing this app using an android emulator

image of cut-off dropdown