Modal covers Views despite hierarchy

Nobody has claimed this yet.

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,
}
```

No file or test is named in the issue. Start at the repository's modal component entry point and reproduce the loading-view and modal stacking behavior described; done means the loading view's intended visibility relative to the modal is restored and covered by a regression check.

Written by the indexing model from the issue text.