본문 바로가기
개발(Development)/ReactNative(리액트네이티브)

[React Native] ScrollView 수평(Horizontal) 스크롤 구현 방법

by 카레유 2024. 1. 14.

# 리액트 네이티브에서 Scroll View 수평 스크롤 구현 방법

 

1. 수평 스크롤 구현 방법

ScrollView 컴포넌트의 `horizontal` 속성을 true로 설정하면 된다. (그냥 속성을 표시만 하면 true가 된다)

 

2. 스크롤바 감추는 방법

혹시 수평 스크롤바가 생긴다면, `showsHorizontalScrollIndicator`을 false로 설정하여 숨길 수 있다.

 

export function HorizontalScrollView() {
  return (
    <ScrollView horizontal showsHorizontalScrollIndicator={false} >
      {/* ... */}
    </ScrollView>
  );
}

댓글