react-native에서 가로 스크롤을 넣는 방법

아주 간단하다.

엄청나게 어려운 기술이나 라이브러리가 필요한 줄 알고 이것저것 검색하다가 쓸데없는 것도 깔았다.

(되도록이면 아직 새로운 라이브러리 등은 설치하지 말자.... 지운다고 해도 로그가 남아서 충돌이 날 수가 있다.)

 

다시한번 말하지만 엄청 간단하다! 별다른 스타일도 필요없다!

import {ScrollView} from 'react-native-gesture-handler';

일단 ScrollView 컴포넌트가 필요하다. 작업중인 파일 상단에서 ScrollView를 import 해온 뒤에

 

 

<ScrollView horizontal={true} showsHorizontalScrollIndicator = {true}>

ScrollView 컴포넌트에 horizontal 값만 true로 주면 된다. 

스크롤을 보이게 하고 싶다면 showHorizontalScrollIndicator의 값까지 true로 주면 스크롤도 보인다.

 

정말 다양한 방법이 있었지만 이것만 넣어주면 끝이다.

나처럼 native-base까지 설치할 필요는 없다...! (아직 커맨드 창이 낯설어서 설치도 삭제도 힘들었다)