ستجد حلا: كيفية إخفاء شريط التمرير في رد فعل التمرير الأصلي

لا توجد طريقة لإخفاء شريط التمرير في عرض التمرير في 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 أيضًا إنشاء واجهات مستخدم تفاعلية باستخدام مكونات عديمة الحالة.

رد فعل Scrollview

React Scrollview هي مكتبة لإنشاء محتوى قابل للتمرير في React. يوفر واجهة برمجة تطبيقات تعريفية لإنشاء مكونات قابلة للتمرير ، ويدعم التمرير الرأسي والأفقي.

لاستخدام React Scrollview ، تحتاج أولاً إلى تثبيته عبر npm:

npm تثبيت رد فعل التمرير - حفظ

بمجرد التثبيت ، يمكنك إنشاء مكون ScrollView جديد باستخدام وظيفة create ():

var ScrollView = يتطلب ('رد فعل التمرير') ؛ var MyScrollView = new ScrollView () ؛ MyScrollView. إنشاء ({container: document. getElementById ('my-scroll-container') ، أطفال: [{text: 'Hello، world!'،}، {text: 'World!'،}]})؛