React-native nested scroll view

RN에서 스크롤뷰 안에 스크롤뷰를 넣으려는데 먹히지 않는다면?

react-native에서 Scroll이 가능한 뷰를 위해 ScrollView라는 컴포넌트를 기본으로 제공해준다. 하지만 ScrollView안에 ScrollView를 사용해야할 경우가 생기는데, 기본적으로 이 경우 밖에 있는 ScrollView가 touch event를 모두 가져가서 안의 ScrollView는 작동하지 않는다.

이때 자식의 ScrollView에 nestedScrollEnabled 속성을 주게 되면 잘 작동한다. (ios는 기본적으로 nestedScrollEnabled가 가능해, 이 옵션은 안드로이드를 위해 존재한다.)

🌟 해결
한참 찾아보다가
https://hwangtaehyun.github.io/blog/react-native/Nested-Horizontal-ScrollView/https://stackoverflow.com/questions/57734315/how-can-i-have-nested-horizontal-scrollviews-in-react-native/65756634#65756634, https://github.com/facebook/react-native/issues/21436 글들을 보고 해결했다.

import { ScrollView } from 'react-native'
import { ScrollView as GestureHandlerScrollView } from 'react-native-gesture-handler'

<ScrollView horizontal>
    <GestureHandlerScrollView horizontal />
</ScrollVIew>