[React-Native] 리액트 네이티브 스크롤뷰 (ScrollView) 요소

웹에서는 스크롤이 자동으로 설정되며 스크롤을 할 수 있지만 앱에서의 뷰는 자동으로 스크롤이 적용되지 않습니다.

 

그렇기 때문에 리액트 네이티브 요소중 ScrollView가 있습니다.

 

ScrollView에 대하여 한번 알아 볼까요. View와 크게 다른점은 없습니다. 그저 ScrollView로 한번 감싸주면 되는 것이지요

export default function App() {
  return (
    <ScrollView>
      <Text>스크롤이 내려올정도로 텍스트를 적어보세요</Text>
    </ScrollView>
  );
}

위와 같이 적는다면 스크롤뷰가 가능합니다.

 

스크롤 뷰에도 엄청나게 다양한 레퍼런스가 존재하는데 그양이 너무 많아서 여기에 전부 나열하기에는 무리가 있다고 판단하여 공식 홈페이지 문서링크를 남겨두려 합니다.

 

https://reactnative.dev/docs/scrollview

React Native · A framework for building native apps using React