Đã giải quyết: cách ẩn thanh cuộn trong scrollview

Không có cách nào để ẩn thanh cuộn trong chế độ xem cuộn trong React Native.

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>

thanh cuộn

Thanh cuộn là một điều khiển đồ họa cho phép người dùng cuộn qua tài liệu hoặc trang web. Thanh cuộn thường được hiển thị trong khu vực nội dung của cửa sổ và có thể được sử dụng để cuộn qua các tài liệu hoặc trang dài.

Trong hầu hết các trình duyệt, người dùng có thể kéo thanh cuộn sang trái hoặc phải để thay đổi lượng nội dung hiển thị cùng một lúc. Trong một số trình duyệt, người dùng cũng có thể sử dụng bàn phím để thay đổi lượng nội dung hiển thị.

Phản ứng là gì

React là một thư viện JavaScript để xây dựng giao diện người dùng. Nó cho phép bạn tạo các thành phần có thể tái sử dụng để mã của bạn dễ đọc và dễ bảo trì. React cũng giúp bạn dễ dàng tạo giao diện người dùng tương tác bằng cách sử dụng các thành phần không trạng thái.

Phản ứng cuộn xem

React Scrollview là một thư viện để tạo nội dung có thể cuộn trong React. Nó cung cấp API khai báo để tạo các thành phần có thể cuộn và hỗ trợ cả cuộn dọc và ngang.

Để sử dụng React Scrollview, trước tiên bạn cần cài đặt nó qua npm:

npm cài đặt Reac-scrollview –save

Sau khi cài đặt, bạn có thể tạo một thành phần ScrollView mới bằng hàm create():

var ScrollView = yêu cầu ('reac-scrollview'); var MyScrollView = new ScrollView(); MyScrollView. tạo ({ vùng chứa: tài liệu. getElementById ( 'my-scroll-container' ), trẻ em: [ { văn bản: 'Xin chào, thế giới!', }, { văn bản: 'Thế giới!', } ] });