हल किया गया: स्क्रॉलव्यू में स्क्रॉलबार को कैसे छुपाया जाए, देशी प्रतिक्रिया करें

रिएक्ट नेटिव में स्क्रॉलबार को स्क्रॉलव्यू में छिपाने का कोई तरीका नहीं है।

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>

स्क्रॉलबार

स्क्रॉलबार एक ग्राफिकल नियंत्रण है जो उपयोगकर्ता को दस्तावेज़ या वेब पेज के माध्यम से स्क्रॉल करने की अनुमति देता है। स्क्रॉलबार आमतौर पर एक विंडो के सामग्री क्षेत्र में प्रदर्शित होते हैं, और इसका उपयोग लंबे दस्तावेज़ों या पृष्ठों को स्क्रॉल करने के लिए किया जा सकता है।

अधिकांश ब्राउज़रों में, उपयोगकर्ता एक समय में दिखाई देने वाली सामग्री की मात्रा को बदलने के लिए स्क्रॉलबार को बाएँ या दाएँ खींच सकता है। कुछ ब्राउज़रों में, उपयोगकर्ता दिखाई देने वाली सामग्री की मात्रा को बदलने के लिए कीबोर्ड का उपयोग भी कर सकता है।

रिएक्ट क्या है

रिएक्ट यूजर इंटरफेस बनाने के लिए एक जावास्क्रिप्ट लाइब्रेरी है। यह आपको पुन: प्रयोज्य घटक बनाने की सुविधा देता है ताकि आपके कोड को पढ़ना और बनाए रखना आसान हो। रिएक्ट स्टेटलेस घटकों का उपयोग करके इंटरैक्टिव यूआई बनाना भी आसान बनाता है।

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

रिएक्ट स्क्रॉलव्यू रिएक्ट में स्क्रॉल करने योग्य सामग्री बनाने के लिए एक पुस्तकालय है। यह स्क्रॉल करने योग्य घटक बनाने के लिए एक घोषणात्मक एपीआई प्रदान करता है, और लंबवत और क्षैतिज स्क्रॉलिंग दोनों का समर्थन करता है।

रिएक्ट स्क्रॉलव्यू का उपयोग करने के लिए, आपको पहले इसे npm के माध्यम से इंस्टॉल करना होगा:

npm प्रतिक्रिया-स्क्रॉलव्यू स्थापित करें - सहेजें

एक बार इंस्टॉल हो जाने पर, आप क्रिएट () फ़ंक्शन का उपयोग करके एक नया स्क्रॉलव्यू घटक बना सकते हैं:

var स्क्रॉलव्यू = आवश्यकता ('प्रतिक्रिया-स्क्रॉलव्यू'); var MyScrollView = नया स्क्रॉलव्यू (); MyScrollView। create ({कंटेनर: दस्तावेज़। getElementById ('मेरा-स्क्रॉल-कंटेनर'), बच्चे: [{पाठ: 'हैलो, दुनिया!', }, {पाठ: 'दुनिया!', } ]});