נפתרה: כיצד להסתיר את פס הגלילה ב-Scrollview React Native

אין דרך להסתיר את פס הגלילה בתצוגת גלילה ב-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>

גלילה

פס גלילה הוא פקד גרפי המאפשר למשתמש לגלול במסמך או בדף אינטרנט. פסי גלילה מוצגים בדרך כלל באזור התוכן של החלון, וניתן להשתמש בהם כדי לגלול בין מסמכים או עמודים ארוכים.

ברוב הדפדפנים, המשתמש יכול לגרור את פס הגלילה שמאלה או ימינה כדי לשנות את כמות התוכן הגלוי בבת אחת. בדפדפנים מסוימים, המשתמש יכול גם להשתמש במקלדת כדי לשנות את כמות התוכן הגלוי.

מה זה React

React היא ספריית JavaScript לבניית ממשקי משתמש. זה מאפשר לך ליצור רכיבים לשימוש חוזר כך שהקוד שלך יהיה קל לקריאה ולתחזוקה. React גם מקל על יצירת ממשקי משתמש אינטראקטיביים על ידי שימוש ברכיבים חסרי מצב.

תגוב תצוגת גלילה

React Scrollview היא ספרייה ליצירת תוכן שניתן לגלול ב-React. הוא מספק API הצהרתי ליצירת רכיבים שניתנים לגלילה, ותומך בגלילה אנכית ואופקית כאחד.

כדי להשתמש ב-React Scrollview, תחילה עליך להתקין אותו באמצעות npm:

npm התקן react-scrollview – שמור

לאחר ההתקנה, תוכל ליצור רכיב ScrollView חדש באמצעות הפונקציה create():

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = new ScrollView (); MyScrollView. create ({ container : document . getElementById ( 'my-scroll-container' ), ילדים : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });