GeekyAnts / GeekyAnts/NativeBase

Select ActionSheet within React-Navigation v6 modal is behind modal

Open
#4,864 11 comments 2 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

When using a modal screen in react-navigation v6, the select actionsheet on iOS is behind the modal page.

### CodeSandbox/Snack link

https://snack.expo.dev/@keenan_nsg/native-base-select-actionsheet-behind-ios-modal

### Steps to reproduce

See the attached snack

### NativeBase Version

3.3.10

### Platform

- [ ] Android
- [ ] CRA
- [ ] Expo
- [X] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

**Note:** The Expo snack only supports up to SDK 43 so there are some "older" react-navigation components used (as they are the ones recommended for the Expo SDK that the snack runs). Though, I did run the snack with the lates versions and the same issue still occurs. For posterity the newer versions are:
```json
"react-native-screens": "~3.13.1",
"react-native-safe-area-context": "~4.2.4",
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.