ladjs / react-native-loading-spinner-overlay

:barber: React Native loading spinner overlay
MIT License
1.58k stars 172 forks source link

App unresponsive on iOS 15 after enabling then disabling #112

Open IcE4k777 opened 2 years ago

IcE4k777 commented 2 years ago

After enabling the overlay by setting the visible prop to true, followed by setting visible to false, the spinner overlay appears and disappears as expected, however, after the spinner overlay disappears, the app is unresponsive. I'm guessing something to do with iOS 15 or possibly the latest version of react-native. Nothing is crashing. I haven't looked at the source code, however, my hunch is there is still an overlay on top of the screen to prevent any interaction with the app...

{
    "name": "myApp",
    "version": "0.0.1",
    "private": true,
    "scripts": {},
    "dependencies": {
        "@react-native-community/masked-view": "^0.1.11",
        "@react-native-picker/picker": "^2.1.0",
        "@react-navigation/bottom-tabs": "^6.0.9",
        "@react-navigation/drawer": "^6.1.8",
        "@react-navigation/native": "^6.0.6",
        "@react-navigation/native-stack": "^6.2.5",
        "axios": "^0.21.4",
        "jwt-decode": "^3.1.2",
        "react": "17.0.2",
        "react-native": "0.66.1",
        "react-native-bootsplash": "^3.2.6",
        "react-native-camera": "^3.44.3",
        "react-native-config": "^1.4.5",
        "react-native-encrypted-storage": "^4.0.2",
        "react-native-gesture-handler": "^1.10.3",
        "react-native-keyboard-aware-scroll-view": "github:APSL/react-native-keyboard-aware-scroll-view#pull/501/head",
        "react-native-loading-spinner-overlay": "^2.0.0",
        "react-native-picker-select": "^8.0.4",
        "react-native-reanimated": "^2.3.0-beta.3",
        "react-native-responsive-screen": "^1.4.2",
        "react-native-safe-area-context": "^3.3.2",
        "react-native-screens": "^3.8.0",
        "react-native-snap-carousel": "^3.9.1",
        "react-native-swiper": "^1.6.0",
        "react-native-vector-icons": "^8.1.0",
        "react-redux": "^7.2.6",
        "redux": "^4.1.1",
        "redux-devtools-extension": "^2.13.9",
        "redux-thunk": "^2.4.0",
        "remote-redux-devtools": "^0.5.16"
    },
    "devDependencies": {
        "@babel/core": "7.15.8",
        "@babel/runtime": "7.15.4",
        "@react-native-community/eslint-config": "2.0.0",
        "babel-jest": "26.6.3",
        "detox": "^18.23.1",
        "eslint": "7.14.0",
        "jest": "^27.3.1",
        "metro-react-native-babel-preset": "0.66.2",
        "react-test-renderer": "17.0.2"
    },
    "jest": {
        "preset": "react-native"
    }
}
josemojena commented 2 years ago

I have the same issue here!!! It is like the modal still overlays over the screen, which makes it impossible to interact with it.

CBYMachumbe commented 2 years ago

Hey @josemojena did get a work around for the mentioned issue.

fukemy commented 2 years ago

Lol i just write native module then call SVProgressHUD..., forget this lib

mdbaniani commented 1 year ago

IMO just use and configure the build in ActivityIndicator for react-native. no point in using this library

rameshep1989 commented 1 year ago

Has anyone found a solution?

Q8root commented 1 year ago

Same issue here, anyone found a solution for this ?