ಪರಿಹರಿಸಲಾಗಿದೆ: ಸ್ಕ್ರೋಲ್‌ವ್ಯೂ ರಿಯಾಕ್ಟ್ ಸ್ಥಳೀಯದಲ್ಲಿ ಸ್ಕ್ರಾಲ್‌ಬಾರ್ ಅನ್ನು ಹೇಗೆ ಮರೆಮಾಡುವುದು

ರಿಯಾಕ್ಟ್ ನೇಟಿವ್‌ನಲ್ಲಿ ಸ್ಕ್ರೋಲ್‌ವ್ಯೂನಲ್ಲಿ ಸ್ಕ್ರಾಲ್‌ಬಾರ್ ಅನ್ನು ಮರೆಮಾಡಲು ಯಾವುದೇ ಮಾರ್ಗವಿಲ್ಲ.

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. ರಚಿಸಿ ({ ಕಂಟೇನರ್: ಡಾಕ್ಯುಮೆಂಟ್ . getElementById ('my-scroll-container'), ಮಕ್ಕಳು: [ { text : 'ಹಲೋ, ವರ್ಲ್ಡ್!' , }, { text : 'World!' , } ] });