<Select /> renders below modals on iOS

**Before reporting this bug, please...**

1. Check the latest documentation: https://docs.nativebase.io/
2. Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
3. Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
4. Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
5. For discussion purpose make use of NativeBase discord: https://discord.gg/TSgCw2UPmb

**Describe the bug**

If I click to open a rendered inside an iOS modal, the select is rendered below the modal.

**To Reproduce**
Steps to reproduce the behaviour:

As description.

**Expected behaviour**

The Select should float above the modal.

**CodeSandBox/Snack link**

**Screenshots**

**Platform**

- NativeBase version [e.g. 3.0.1] latest
- Device: [e.g. iPhone6] any
- OS: [e.g. iOS8.1] iOS 15
- Browser [e.g. stock browser, safari] N/A
- Browser version [e.g. 22] N/A
- React Native version [e.g. sdk-42]
- Expo sdk version [e.g. 41] 42
- node [e.g. 14.16.1] 14.17.4
- yarn or npm [e.g. 6.1] Yarn 3.0.2

**Additional information**

1. Add any other context about the problem here.
2. Is the bug present in both iOS and Android or in any one of them?
3. If you want your issue to be looked at quicker, please attach a snack reproducible with your issue. Makes it easier for us!