தீர்க்கப்பட்டது: ஸ்க்ரோல்வியூ ரியாக்ட் நேட்டிவ்வில் சுருள்பட்டியை எப்படி மறைப்பது

ரியாக்ட் நேட்டிவ்வில் உள்ள ஸ்க்ரோல்வியூவில் சுருள்பட்டியை மறைக்க வழி இல்லை.

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>

உருள் பட்டை

ஸ்க்ரோல்பார் என்பது ஒரு வரைகலை கட்டுப்பாட்டாகும், இது ஒரு ஆவணம் அல்லது இணையப் பக்கத்தை உருட்டுவதற்கு பயனரை அனுமதிக்கிறது. ஸ்க்ரோல்பார்கள் பொதுவாக ஒரு சாளரத்தின் உள்ளடக்க பகுதியில் காட்டப்படும், மேலும் அவை நீண்ட ஆவணங்கள் அல்லது பக்கங்களில் உருட்ட பயன்படும்.

பெரும்பாலான உலாவிகளில், ஒரே நேரத்தில் காணக்கூடிய உள்ளடக்கத்தின் அளவை மாற்ற பயனர் ஸ்க்ரோல் பட்டியை இடது அல்லது வலது பக்கம் இழுக்கலாம். சில உலாவிகளில், காணக்கூடிய உள்ளடக்கத்தின் அளவை மாற்ற பயனர் விசைப்பலகையைப் பயன்படுத்தலாம்.

எதிர்வினை என்றால் என்ன

ரியாக்ட் என்பது பயனர் இடைமுகங்களை உருவாக்குவதற்கான ஜாவாஸ்கிரிப்ட் நூலகம். மீண்டும் பயன்படுத்தக்கூடிய கூறுகளை உருவாக்க இது உங்களை அனுமதிக்கிறது, இதனால் உங்கள் குறியீட்டைப் படிக்கவும் பராமரிக்கவும் எளிதாக இருக்கும். நிலையற்ற கூறுகளைப் பயன்படுத்தி ஊடாடும் UIகளை உருவாக்குவதை ரியாக்ட் எளிதாக்குகிறது.

ரியாக்ட் ஸ்க்ரோல்வியூ

ரியாக்ட் ஸ்க்ரோல்வியூ என்பது ரியாக்டில் உருட்டக்கூடிய உள்ளடக்கத்தை உருவாக்குவதற்கான ஒரு நூலகம். ஸ்க்ரோல் செய்யக்கூடிய கூறுகளை உருவாக்குவதற்கு இது ஒரு அறிவிப்பு API ஐ வழங்குகிறது, மேலும் செங்குத்து மற்றும் கிடைமட்ட ஸ்க்ரோலிங் இரண்டையும் ஆதரிக்கிறது.

ரியாக்ட் ஸ்க்ரோல்வியூவைப் பயன்படுத்த, முதலில் அதை npm வழியாக நிறுவ வேண்டும்:

npm இன்ஸ்டால் ரியாக்ட்-ஸ்க்ரோல்வியூ -சேவ்

நிறுவியதும், create() செயல்பாட்டைப் பயன்படுத்தி புதிய ScrollView கூறுகளை உருவாக்கலாம்:

var ScrollView = தேவை ('react-scrollview' ); var MyScrollView = புதிய ScrollView (); MyScrollView. உருவாக்கு ({container: document . getElementById ('my-scroll-container'), குழந்தைகள்: [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });