[Bug/ReactNative] respnder.scrollScrollTo is no a function(해결법) 0.65.X

장동현·2021년 8월 27일
2

ReactNative

목록 보기
5/12

react-native-keyboard-aware-scroll-view

  • 신나서 이제 키보드가 더 이상 간섭을 받지 않겠지? 했는데 오류가 생겼다.
  • 분명 저번 프로젝트 진행 할 때 까지는 오류가 안생긴더니 R/N 버전이 올라가면서 버그가 생긴것
  • 이것 때문에 내가 코드를 잘못 짠 줄 알고 계속 코드를 수정하고 전체다 살펴보고 이랬던걸 생각하면 억울하다...😥

    결론적으로 R/N 버전이 올라가면서 패키지에 오류가 생긴거다...


해결법 🔨

  • 결국 찾은 것은 github의 react-native-keyboard-aware-scroll-view에서
    Issues 였다.
    나와 같은 문제를 겪고 있는 사람들이 한 둘이 아니였던것...
  • 두 가지 해결법이 존재한다.
    1. pacage.json 수정하여 다운그레이드
    1. 직접 node_modules에서 코드를 직접 수정한다.

해결법 1. pacakage.json을 수정한다. (0.64.1) 😃

  • 해결법 중 하나는 다운그레이드를 시키는 것 이다.
    ┗ 사진에서 표시된 react-native, react의 버전을 오류가 없던 버전으로 다운그레이드 한다.

    ./package.json 으로 이동 후 수정

  1. "dependencies"
  • 이전 버전

    수정후
    "react" : "17.0.1",
    "react-native": "0.64.1",


  1. "devDependencies"
  • 이전 버전

  • 수정 후

    "metro-react-native-babel-preset" : ^0.64.0


  1. node_modules 삭제 후 다시 설치

터미널 명령어
rm -rf ./node_modules
재설치
yarn
npm i
4. iphone pod 재 설치

업데이트
cd ios && pod update
재설치
pod install


해결법 2. node_modules에서 코드 수정 😆

  • github issue 부분에서 보면 코드를 수정하라고 한다.
    ┗ 인지한지 오래된 버그가 아닌거 같아서 유저들이 일단 issue를 남긴 상태

파일 경로
node_modules/react-native-keyboard-aware-scroll-view/lib/KeyboardAwareHOC.js

line number
line 276, line 281

수정법
scrollResponderScrollToscrollToEnd 변경
┗ 밑의 사진 상 에서는 3, 8 줄에 해당한다.


결론 🏆

  • 무조건 내 코드가 잘못되었다는 생각도 버려야겠다.
    지금까지는 개발 공부를 시작한지 얼마 지나지도 않았고 부족한 점이 많다고 생각하여서
    나의 코드에서 문제점을 찾으려고 했다. 🥲
    하지만 요번과 같은 문제로 얻은 교훈은
    1. 업데이트 목록을 확인하는 습관
    2. 모듈에서 문제가 생기면 github issue에 나와 같은 문제를 겪는 사람 찾아보기
    이런 습관을 먼저 들이고 공부를 진행하는게 좋다는게 내 생각이다!!!
profile
FE 개발자 장동현 입니다 😃

0개의 댓글