Modal covers Views despite hierarchy

I’ve got a loading spinner in a container view which is at the bottom of the view hierarchy (so it should be furthest forward). But when the modal comes up, it covers this loading view. I’m pretty sure that this wasn’t the case in an earlier version. Is there any way to fix this? Pictures below:

The loading view has the following style, and since it’s below the Modal in the View hierarchy, it should be infront of the Modal:

{
        position: 'absolute',
        flexDirection: 'column',
        justifyContent: 'flex-end',
        top: 0.5 * Dimensions.get('window').height - 75,
        right: 0.5 *Dimensions.get('window').width - 75,
        height: 150,
        width: 150,
        backgroundColor: '#2F3138',
        opacity: 0.8,
        borderRadius: 10,
    }

[M-Jas]

@gustaver after more digging I found a propType in here that is called ‘coverScreen’. As I said before Android was showing up over everything in the hierarchy and iOS was not(I wanted my modal over everything). I added “coverScreen={true}” and boom iOS modal was covering my screen. It’s possible that “coverScreen” might be automatically setting that prop for Android.

[M-Jas]

@gustaver Are you trying to do this on Android or iOS? I have a similar setup and my Android version is ignoring the hierarchy, but iOS is not. I know this is not a solution, but I wanted to see if it could be an OS thing.