Çözüldü: kaydırma görünümünde kaydırma çubuğu nasıl gizlenir yerel tepki verir

React Native'de kaydırma çubuğunu kaydırma görünümünde gizlemenin bir yolu yoktur.

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>

scrollbar

Kaydırma çubuğu, kullanıcının bir belge veya web sayfasında gezinmesini sağlayan grafik bir denetimdir. Kaydırma çubukları genellikle bir pencerenin içerik alanında görüntülenir ve uzun belgeler veya sayfalar arasında gezinmek için kullanılabilir.

Çoğu tarayıcıda, kullanıcı aynı anda görünen içerik miktarını değiştirmek için kaydırma çubuğunu sola veya sağa sürükleyebilir. Bazı tarayıcılarda kullanıcı, görünen içeriğin miktarını değiştirmek için klavyeyi de kullanabilir.

tepki nedir

React, kullanıcı arayüzleri oluşturmak için bir JavaScript kitaplığıdır. Kodunuzun okunması ve bakımının kolay olması için yeniden kullanılabilir bileşenler oluşturmanıza olanak tanır. React, durum bilgisi olmayan bileşenler kullanarak etkileşimli kullanıcı arayüzleri oluşturmayı da kolaylaştırır.

Tepki Kaydırma

React Scrollview, React'te kaydırılabilir içerik oluşturmak için bir kitaplıktır. Kaydırılabilir bileşenler oluşturmak için bildirime dayalı bir API sağlar ve hem dikey hem de yatay kaydırmayı destekler.

React Scrollview'i kullanmak için önce onu npm aracılığıyla yüklemeniz gerekir:

npm install tepki-scrollview –kaydet

Kurulduktan sonra, create() işlevini kullanarak yeni bir ScrollView bileşeni oluşturabilirsiniz:

var ScrollView = gerektirir ('react-scrollview'); var MyScrollView = yeni ScrollView (); MyScrollView . create ({ kap : belge . getElementById ( 'kaydırma kabım'), çocuklar : [ { metin : 'Merhaba dünya!' , }, { metin : 'Dünya!' , } ] });