search

GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
https://nativebase.io/
MIT License
20.21k stars 2.39k forks source link

TypeError: responder.scrollResponderScrollTo is not a function RN 0.65.1 #3982

Closed claudiozam closed 3 years ago

claudiozam commented 3 years ago

Describe the bug

Focus on a field on iOS throw this error:

TypeError: responder.scrollResponderScrollTo is not a function

Steps to reproduce the behaviour:

Press on a text Input to open the keyboard

Expected behaviour

Focus on a field and scroll to that position

Platform

React: 17.0.2 React Native: 0.65.1 NativeBase: 2.15.2 React-native-keyboard-aware-scroll-view: 1.0.1

Device: iPhone OS: iOS14.5

Simulator Screen Shot - iPhone 12 - 2021-08-20 at 07 32 31

package.json

{
  "name": "XXXXXX",
  "version": "3.3.11",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@invertase/react-native-apple-authentication": "^2.1.1",
    "@react-native-clipboard/clipboard": "^1.6.0",
    "@react-native-community/art": "^1.2.0",
    "@react-native-community/async-storage": "^1.12.1",
    "@react-native-community/audio-toolkit": "^2.0.3",
    "@react-native-community/datetimepicker": "3.5.0",
    "@react-native-community/google-signin": "^5.0.0",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-community/slider": "^3.0.3",
    "@react-native-firebase/analytics": "^12.1.0",
    "@react-native-firebase/app": "^12.1.0",
    "@react-native-picker/picker": "^1.9.10",
    "@types/uuid": "7.0.4",
    "axios": "^0.21.1",
    "color": "^3.1.3",
    "detox": "^18.9.0",
    "formik": "^2.2.6",
    "fsevents": "2.2.1",
    "hermes-engine": "0.8.1",
    "immutability-helper": "^3.1.1",
    "link-preview-js": "^2.1.3",
    "lodash": "^4.17.20",
    "native-base": "^2.15.2",
    "pretty-bytes": "^5.5.0",
    "randomcolor": "^0.6.2",
    "react": "17.0.2",
    "react-native": "0.65.1",
    "react-native-add-calendar-event": "^4.0.0",
    "react-native-autolink": "^4.0.0",
    "react-native-base64": "^0.2.1",
    "react-native-blob-util": "^0.13.12",
    "react-native-calendars": "^1.1129.0",
    "react-native-config": "^1.4.1",
    "react-native-device-info": "^8.0.7",
    "react-native-document-picker": "5.2.0",
    "react-native-fast-image": "^8.3.4",
    "react-native-fbsdk-next": "^4.3.0",
    "react-native-ffmpeg": "^0.5.1",
    "react-native-file-viewer": "^2.1.4",
    "react-native-gesture-handler": "^1.9.0",
    "react-native-gifted-chat": "^0.16.3",
    "react-native-hide-with-keyboard": "^1.2.1",
    "react-native-image-crop-picker": "^0.36.0",
    "react-native-image-zoom-viewer": "^3.0.1",
    "react-native-inappbrowser-reborn": "^3.5.1",
    "react-native-iphone-x-helper": "^1.3.1",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-loading-spinner-overlay": "^2.0.0",
    "react-native-localize": "^2.1.1",
    "react-native-masked-text": "^1.13.0",
    "react-native-mime-types": "^2.3.0",
    "react-native-modal": "^12.0.1",
    "react-native-modal-datetime-picker": "^10.0.0",
    "react-native-notifications": "^4.0.0",
    "react-native-orientation-locker": "^1.2.0",
    "react-native-permissions": "^3.0.1",
    "react-native-progress": "^5.0.0",
    "react-native-push-notification-popup": "^1.6.0",
    "react-native-rate": "^1.2.4",
    "react-native-reanimated": "^2.2.0",
    "react-native-render-html": "^4.2.5",
    "react-native-safe-area-context": "^3.1.9",
    "react-native-screens": "^3.5.0",
    "react-native-share": "^7.0.0",
    "react-native-simple-dialogs": "^1.4.0",
    "react-native-simple-toast": "^1.1.3",
    "react-native-spinkit": "^1.5.1",
    "react-native-splash-screen": "^3.2.0",
    "react-native-svg": "^12.1.1",
    "react-native-swipe-gestures": "^1.0.5",
    "react-native-swiper": "^1.6.0",
    "react-native-vector-icons": "^8.1.0",
    "react-native-version": "^4.0.0",
    "react-native-video": "^5.1.1",
    "react-native-webview": "^11.6.4",
    "react-navigation": "^4.4.3",
    "react-navigation-drawer": "^2.6.0",
    "react-navigation-stack": "^2.10.2",
    "react-redux": "^7.2.3",
    "read-package-json": "^3.0.0",
    "redux": "^4.0.5",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.3.0",
    "rn-placeholder": "^3.0.3",
    "rollbar-react-native": "^0.9.1",
    "sanitize-filename": "^1.6.3",
    "striptags": "^3.1.1",
    "url": "^0.11.0",
    "yup": "^0.32.8"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "7.14.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.66.0",
    "properties-reader": "^2.2.0",
    "react-native-codegen": "^0.0.7",
    "react-test-renderer": "17.0.2",
    "redux-devtools": "3.7.0"
  },
  "jest": {
    "preset": "react-native"
  },
  "detox": {
    "test-runner": "jest",
    "configurations": {
      "ios.sim.debug": {
        "binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/XXXXXXXX.app",
        "build": "xcodebuild -workspace ios/XXXXXXXXXX.xcworkspace -scheme XXXXXXXXX -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build",
        "type": "ios.simulator",
        "device": {
          "type": "iPhone 11"
        }
      }
    }
  }
}
nguyenkimkien commented 3 years ago

I also got the same error

ivanfuzuli commented 3 years ago

Me too.

claudiozam commented 3 years ago

Same issue https://github.com/APSL/react-native-keyboard-aware-scroll-view/issues/494

claudiozam commented 3 years ago

Fix on @codler/react-native-keyboard-aware-scroll-view 2.0

eggybot commented 3 years ago

@codler/react-native-keyboard-aware-scroll-view 2.0

did't fixed the issue

AndroidGuyDD commented 3 years ago

@eggybot and all others still facing this issue on NativeBase v2: define a resolution strategy in your package.json to force usage of https://github.com/codler/react-native-keyboard-aware-scroll-view/releases/tag/v2.0.0

"resolutions": { "native-base/@codler/react-native-keyboard-aware-scroll-view": "2.0.0" }

FadiAboMsalam commented 2 years ago

@AndroidGuyDD thank you man life saver

jaonystudio commented 2 years ago

@AndroidGuyDD Hi, how can I run that "resolutions", npm install didn't work for me :(

AndroidGuyDD commented 2 years ago

@jaonystudio Yes, this worked with yarn only so far. But you're lucky. npm just released a similar functionality called overrides in their latest release 8.3.0

jaonystudio commented 2 years ago

@AndroidGuyDD I tried using this one in package.json but no luck "overrides": { "native-base": { "@codler/react-native-keyboard-aware-scroll-view": "2.0.1" } },

Waheed-Rumaneh commented 2 years ago

this should work perfectly :

cd node_modules/native-base/ npm i @codler/react-native-keyboard-aware-scroll-view@2.0.0

Waheed-Rumaneh commented 2 years ago

@AndroidGuyDD I tried using this one in package.json but no luck "overrides": { "native-base": { "@codler/react-native-keyboard-aware-scroll-view": "2.0.1" } },

try this :

cd node_modules/native-base/ npm i @codler/react-native-keyboard-aware-scroll-view@2.0.0

naytun commented 1 year ago

@eggybot and all others still facing this issue on NativeBase v2: define a resolution strategy in your package.json to force usage of https://github.com/codler/react-native-keyboard-aware-scroll-view/releases/tag/v2.0.0

"resolutions": { "native-base/@codler/react-native-keyboard-aware-scroll-view": "2.0.0" }

You should update package.json file from /node_modules/native-base folder:

   "resolutions": { 
      "native-base/@codler/react-native-keyboard-aware-scroll-view": "2.0.1" 
   },
  "version": "2.15.2",
  "license": "Apache-2.0",
  "private": false,
  "dependencies": {
    "@codler/react-native-keyboard-aware-scroll-view": "1.0.1",
    "@react-native-community/datetimepicker": "^3.0.2",
...