해결됨: scrollview 반응 네이티브에서 스크롤바를 숨기는 방법

React Native의 scrollview에서 스크롤바를 숨길 방법이 없습니다.

I have a scrollview in react native and I want to hide the scrollbar. How can I do that?


A:

You can use <code>showsHorizontalScrollIndicator</code> and <code>showsVerticalScrollIndicator</code> props of ScrollView to hide horizontal and vertical scrollbars respectively. 
<blockquote>
<p><strong><a href="https://facebook.github.io/react-native/docs/scrollview#props" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/scrollview#props</a></strong></p>
</blockquote>


<code>&lt;ScrollView
showsHorizontalScrollIndicator={false}
showsVerticalScrollIndicator={false}&gt;
...
&lt;/ScrollView&gt;
</code>

스크롤

스크롤 막대는 사용자가 문서나 웹 페이지를 스크롤할 수 있게 해주는 그래픽 컨트롤입니다. 스크롤 막대는 일반적으로 창의 콘텐츠 영역에 표시되며 긴 문서나 페이지를 스크롤하는 데 사용할 수 있습니다.

대부분의 브라우저에서 사용자는 스크롤 막대를 왼쪽 또는 오른쪽으로 드래그하여 한 번에 표시되는 콘텐츠의 양을 변경할 수 있습니다. 일부 브라우저에서는 사용자가 키보드를 사용하여 표시되는 콘텐츠의 양을 변경할 수도 있습니다.

리액트란?

React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 코드를 쉽게 읽고 유지 관리할 수 있도록 재사용 가능한 구성 요소를 만들 수 있습니다. 또한 React는 상태 비저장 구성 요소를 사용하여 대화형 UI를 쉽게 만들 수 있습니다.

반응 스크롤뷰

React Scrollview는 React에서 스크롤 가능한 콘텐츠를 만들기 위한 라이브러리입니다. 스크롤 가능한 구성 요소를 만들기 위한 선언적 API를 제공하고 세로 및 가로 스크롤을 모두 지원합니다.

React Scrollview를 사용하려면 먼저 npm을 통해 설치해야 합니다.

npm install react-scrollview –저장

일단 설치되면 create() 함수를 사용하여 새 ScrollView 구성 요소를 만들 수 있습니다.

var ScrollView = 요구('react-scrollview'); var MyScrollView = 새 ScrollView(); MyScrollView . create ({ container : document . getElementById ( 'my-scroll-container' ), children : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });