I have a weird bug when I try to navigate while iOS keyboard is active (watch the video below)
video:https://streamable.com/qzbfiy
My code for the submit button:
.then(() => { dispatchAfterMutationSuccess() }).then(() => { clearAfterMutation() }).then(() => { props.navigation.navigate('RequestList') }).catch((error) => { console.log(error) modalMutationErrorHandlerVisibility(true, 'green') })Those functions are toggled after a GraphQL mutation and I removed everything except the navigation and still got the same problem. I also tried to dismiss the keyboard in my submit function and didn't work but if I dismiss the keyboard by pressing away and then press the submit button, everything is good. Sometimes the blank screen hide and show just like in the video but it can stick there and I have to reboot the entire app.
my package.json:
{"main": "node_modules/expo/AppEntry.js","scripts": {"start": "expo start","android": "expo start --android","ios": "expo start --ios","web": "expo start --web","eject": "expo eject","test": "jest" },"dependencies": {"@apollo/react-hooks": "latest","@dudigital/react-native-zoomable-view": "^1.0.15","@expo/samples": "~3.0.3","@expo/vector-icons": "^10.0.0","@react-native-community/art": "^1.1.2","@react-native-community/async-storage": "^1.6.2","@react-native-community/datetimepicker": "2.2.2","@react-navigation/web": "^1.0.0-alpha.9","apollo-boost": "^0.4.4","apollo-upload-client": "^12.1.0","babel-eslint": "^10.0.3","cache": "^2.3.1","color": "latest","expo": "^37.0.0","expo-asset": "~8.1.4","expo-cli": "^3.19.2","expo-constants": "~9.0.0","expo-crypto": "~8.1.0","expo-document-picker": "~8.1.0","expo-file-system": "~8.1.0","expo-font": "~8.1.0","expo-image-manipulator": "~8.1.0","expo-image-picker": "~8.1.0","expo-local-authentication": "~9.0.0","expo-localization": "~8.1.0","expo-network": "~2.1.0","expo-permissions": "~8.1.0","expo-web-browser": "~8.1.0","global": "^4.4.0","graphql": "^14.5.8","graphql-tag": "^2.10.1","i18n-js": "^3.3.0","jwt-decode": "^2.2.0","messaging-api-telegram": "^0.8.2","moment": "^2.24.0","native-base": "^2.13.8","react": "16.9.0","react-apollo": "^3.1.3","react-dom": "16.9.0","react-hook-form": "^3.28.9","react-i18next": "^11.0.1","react-native": "https://github.com/expo/react-native/archive/sdk-37.0.0.tar.gz","react-native-appearance": "~0.3.3","react-native-appstate-hook": "^1.0.3","react-native-document-picker": "^3.2.4","react-native-dropdown-autocomplete": "^1.0.18","react-native-easy-toast": "^1.2.0","react-native-extra-dimensions-android": "^1.2.5","react-native-fetch-blob": "^0.10.8","react-native-gesture-handler": "~1.6.0","react-native-gifted-chat": "^0.13.0","react-native-linear-gradient": "^2.5.6","react-native-loading-spinner-overlay": "^1.1.0","react-native-markdown-renderer": "^3.2.8","react-native-modal-datetime-picker": "^8.5.4","react-native-picker-select": "^6.3.4","react-native-progress": "^4.0.3","react-native-read-more-text": "^1.1.0","react-native-reanimated": "~1.7.0","react-native-responsive-fontsize": "^0.3.0","react-native-restart": "^0.0.13","react-native-s3-upload": "^0.0.12","react-native-safe-area-context": "0.7.3","react-native-screens": "~2.2.0","react-native-segmented-control-tab": "^3.4.1","react-native-view-more-text": "^2.1.0","react-native-web": "^0.11.7","react-navigation": "^4.0.10","react-navigation-drawer": "^2.3.3","react-navigation-fluid-transitions": "^0.3.2","react-navigation-hooks": "^1.1.0","react-navigation-stack": "^1.9.4","reset": "^0.1.0","standard": "^14.3.1","tdlib": "^0.0.0-alpha.0","telegram-mtproto": "^1.0.5","toggle-switch-react-native": "^2.1.0","url": "^0.11.0","waait": "^1.0.5","yarn": "^1.22.0" },"devDependencies": {"@apollo/react-testing": "^3.1.3","@testing-library/jest-dom": "^4.2.4","@testing-library/react": "^9.3.2","babel-preset-expo": "^8.1.0","eslint": "^6.6.0","eslint-plugin-react": "^7.16.0","jest-expo": "^37.0.0","jest-expo-enzyme": "^0.0.1","react-app-rewired": "^2.1.5" },"private": true}