MoreLean

[React-Native] WebView iOS 에서 스크롤이 느릴때 본문

Programmer/React Native

[React-Native] WebView iOS 에서 스크롤이 느릴때

judeKim' 2024. 1. 4. 20:54
반응형

React-Native로 WebView를 기반으로 한 App을 개발하고 있는데, 

iOS에서 유난히 Scroll 이 짧게 이루어진다는 것을 느꼈다. 

말로 표현하기 어려운데, 스크롤 시 얼마만큼 스크롤을 하느냐에 따라 관성이 동작하는 그 기본 느낌이 없었다. 

마치 정해진 위치만큼만 스크롤하도록 단위가 정해진 느낌?이랄까?

우선 React Native WebView의 속성을 찾아봤다. 

https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md

여기에서 체크해 본 것이 

- pagingEnabled : If the value of this property is true, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is false.

하지만 내가 원하는 설정은 아니었다. 이름에서부터도 맞지 않는다고 생각을.. 

전체를 다 볼까 하다가 해당 페이지에서 scroll로 단어 찾기를 해봤다. 

몇 가지 나오는데, 눈에 띄는 단어가 보였다. 

왠지 이름만 봐도 이것 같다는 느낌이 바로 들었다. 

그래서 봤더니 normal과 fast 가 있어서 설정해 봤는데, 차이가 없었다. 

당연하게도 default 가 fast라서.. 

그래서 숫자값을 직접 입력해 봤다. 0.99 보다 높은 숫자인 1.2 정도를 세팅해 봤다. 

 

decelerationRate={1.2}

그랬더니 예상했던 방식대로 동작을 했다. 

1.0 정도로 세팅을 해봤는데 1.2와 1.0의 차이점을 모르겠다. 그래서 1.0으로 세팅하고 마무리했다. 

반응형