ઉકેલાયેલ: સ્ક્રોલવ્યુ રીએક્ટ નેટીવમાં સ્ક્રોલબારને કેવી રીતે છુપાવવું

રીએક્ટ નેટીવમાં સ્ક્રોલવ્યૂમાં સ્ક્રોલબારને છુપાવવાનો કોઈ રસ્તો નથી.

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 એ યુઝર ઇન્ટરફેસ બનાવવા માટે JavaScript લાઇબ્રેરી છે. તે તમને ફરીથી વાપરી શકાય તેવા ઘટકો બનાવવા દે છે જેથી તમારો કોડ વાંચવામાં અને જાળવવામાં સરળ રહે. પ્રતિક્રિયા સ્ટેટલેસ ઘટકોનો ઉપયોગ કરીને ઇન્ટરેક્ટિવ UIs બનાવવાનું સરળ બનાવે છે.

પ્રતિક્રિયા સ્ક્રોલવ્યુ

React Scrollview એ Reactમાં સ્ક્રોલ કરી શકાય તેવી સામગ્રી બનાવવા માટેની લાઇબ્રેરી છે. તે સ્ક્રોલ કરી શકાય તેવા ઘટકો બનાવવા માટે એક ઘોષણાત્મક API પ્રદાન કરે છે, અને વર્ટિકલ અને હોરીઝોન્ટલ બંને સ્ક્રોલિંગને સપોર્ટ કરે છે.

React Scrollview નો ઉપયોગ કરવા માટે, તમારે પહેલા તેને npm દ્વારા ઇન્સ્ટોલ કરવાની જરૂર છે:

npm install react-scrollview –save

એકવાર ઇન્સ્ટોલ થઈ ગયા પછી, તમે create() ફંક્શનનો ઉપયોગ કરીને નવું સ્ક્રોલવ્યુ ઘટક બનાવી શકો છો:

var ScrollView = જરૂરી છે ( 'react-scrollview'); var MyScrollView = new ScrollView (); માયસ્ક્રોલ વ્યૂ. બનાવો ({ કન્ટેનર : દસ્તાવેજ . getElementById ( 'my-scroll-container'), બાળકો : [ { ટેક્સ્ટ : 'હેલો, વર્લ્ડ!' , }, { ટેક્સ્ટ : 'વર્લ્ડ!' , } ] });