[React Native] ScrollView를 사용할 때, 스크롤바가 화면 가운데에 나타나는 버그

왼쪽 가운데에 스크롤이 생겼다. 

iOS에서 ScrollView 컴포넌트를 사용하는데, 위 그림과 같이 스크롤바가 오른쪽 화면에 딱 붙지 않고 가운데에 붕 뜨는 버그를 발견했다. 구글링을 해 보니 ScrollView 외에도 리스트 뷰 타입의 컴포넌트들에서 가끔 발생하는 오류인 것 같다. react-native github issues에 이미 많은 사례(https://github.com/facebook/react-native/issues/26610)가 보고되어 있었다.

 

위 버그를 고치기 위해서는 ScrollView의 속성에 scrollIndicatorInsets={{ right: 1 }}를 추가해 주어야 한다. 위에 첨부한 issue 쓰레드에 따르면 iOS 13에서 디폴트 content inset 값을 덮어 쓰는 버그가 있는 것으로 추측된다 한다.