सोडवले: स्क्रोलव्यू रिअॅक्ट नेटिव्हमध्ये स्क्रोलबार कसा लपवायचा

रिअॅक्ट नेटिव्ह मधील स्क्रोलव्यूमध्ये स्क्रोलबार लपवण्याचा कोणताही मार्ग नाही.

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>

स्क्रोलबार

स्क्रोलबार हे एक ग्राफिकल नियंत्रण आहे जे वापरकर्त्याला दस्तऐवज किंवा वेब पृष्ठावर स्क्रोल करण्याची परवानगी देते. स्क्रोलबार सामान्यत: विंडोच्या सामग्री क्षेत्रामध्ये प्रदर्शित केले जातात आणि लांब कागदपत्रे किंवा पृष्ठे स्क्रोल करण्यासाठी वापरले जाऊ शकतात.

बर्‍याच ब्राउझरमध्ये, वापरकर्ता एका वेळी दिसणार्‍या सामग्रीचे प्रमाण बदलण्यासाठी स्क्रोलबार डावीकडे किंवा उजवीकडे ड्रॅग करू शकतो. काही ब्राउझरमध्ये, वापरकर्ता दृश्यमान सामग्रीचे प्रमाण बदलण्यासाठी कीबोर्ड देखील वापरू शकतो.

प्रतिक्रिया म्हणजे काय

प्रतिक्रिया वापरकर्ता इंटरफेस तयार करण्यासाठी JavaScript लायब्ररी आहे. हे तुम्हाला पुन्हा वापरता येण्याजोगे घटक तयार करू देते जेणेकरून तुमचा कोड वाचणे आणि राखणे सोपे होईल. प्रतिक्रिया देखील स्टेटलेस घटक वापरून परस्पर UI तयार करणे सोपे करते.

प्रतिक्रिया स्क्रोलव्यू

React Scrollview ही प्रतिक्रिया मध्ये स्क्रोल करण्यायोग्य सामग्री तयार करण्यासाठी लायब्ररी आहे. हे स्क्रोल करण्यायोग्य घटक तयार करण्यासाठी एक घोषणात्मक API प्रदान करते आणि अनुलंब आणि क्षैतिज दोन्ही स्क्रोलिंगला समर्थन देते.

React Scrollview वापरण्यासाठी, तुम्हाला प्रथम ते npm द्वारे स्थापित करावे लागेल:

npm install react-scrollview –save

एकदा इन्स्टॉल केल्यानंतर, तुम्ही create() फंक्शन वापरून नवीन ScrollView घटक तयार करू शकता:

var ScrollView = आवश्यक आहे ('react-scrollview'); var MyScrollView = नवीन ScrollView (); MyScrollView तयार करा ({ कंटेनर : दस्तऐवज . getElementById ( 'my-scroll-container'), मुले : [ { मजकूर : 'हॅलो, वर्ल्ड!' , }, { टेक्स्ट : 'वर्ल्ड!' , } ] });