ဖြေရှင်းထားသည်- scrollbar ကို scrollview တွင် ဖျောက်နည်း ဇာတိတုံ့ပြန်မှု

React Native ရှိ scrollbar ကို လျှို့ဝှက်ကြည့်ရှုရန် နည်းလမ်းမရှိပါ။

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 သည် အသုံးပြုသူကို စာရွက်စာတမ်း သို့မဟုတ် ဝဘ်စာမျက်နှာမှတဆင့် လှိမ့်ကြည့်နိုင်စေသော ဂရပ်ဖစ်ထိန်းချုပ်မှုတစ်ခုဖြစ်သည်။ Scrollbars များကို အများအားဖြင့် ဝင်းဒိုး၏ အကြောင်းအရာဧရိယာတွင် ပြသထားပြီး ရှည်လျားသော စာရွက်စာတမ်းများ သို့မဟုတ် စာမျက်နှာများကို လှိမ့်ကြည့်ရန် အသုံးပြုနိုင်သည်။

ဘရောက်ဆာအများစုတွင်၊ အသုံးပြုသူသည် တစ်ကြိမ်တည်းမြင်နိုင်သည့်အကြောင်းအရာပမာဏကို ပြောင်းလဲရန် Scrollbar ကို ဘယ်ဘက် သို့မဟုတ် ညာဘက်သို့ ဆွဲယူနိုင်သည်။ အချို့သောဘရောက်ဆာများတွင်၊ အသုံးပြုသူသည် မြင်နိုင်သည့်အကြောင်းအရာပမာဏကို ပြောင်းလဲရန် ကီးဘုတ်ကိုလည်း အသုံးပြုနိုင်သည်။

React ဆိုတာဘာလဲ

React သည် အသုံးပြုသူ အင်တာဖေ့စ်များကို တည်ဆောက်ရန်အတွက် JavaScript စာကြည့်တိုက်တစ်ခုဖြစ်သည်။ ၎င်းသည် သင့်အား ပြန်လည်အသုံးပြုနိုင်သော အစိတ်အပိုင်းများကို ဖန်တီးနိုင်သောကြောင့် သင့်ကုဒ်ကို ဖတ်ရန်နှင့် ထိန်းသိမ်းရန် လွယ်ကူစေသည်။ React သည် နိုင်ငံမဲ့အစိတ်အပိုင်းများကို အသုံးပြုခြင်းဖြင့် အပြန်အလှန်အကျိုးသက်ရောက်သော UI များကို ဖန်တီးရန်လည်း လွယ်ကူစေသည်။

Scrollview ကို တုံ့ပြန်ပါ။

React Scrollview သည် React တွင် လှိမ့်နိုင်သော အကြောင်းအရာကို ဖန်တီးရန်အတွက် စာကြည့်တိုက်တစ်ခုဖြစ်သည်။ ၎င်းသည် ရွှေ့နိုင်သော အစိတ်အပိုင်းများကို ဖန်တီးရန်အတွက် ကြေငြာ API ကို ပံ့ပိုးပေးကာ ဒေါင်လိုက်နှင့် အလျားလိုက် လှိမ့်ခြင်းကို ပံ့ပိုးပေးသည်။

React Scrollview ကိုအသုံးပြုရန်၊ သင်သည် npm မှတစ်ဆင့် ၎င်းကို ဦးစွာထည့်သွင်းရန် လိုအပ်သည်-

npm react-scrollview –save ကို install လုပ်ပါ။

ထည့်သွင်းပြီးသည်နှင့် သင်သည် create() လုပ်ဆောင်ချက်ကို အသုံးပြု၍ ScrollView အစိတ်အပိုင်းအသစ်တစ်ခုကို ဖန်တီးနိုင်သည်-

var ScrollView = လိုအပ်သည် ( 'react-scrollview' ); var MyScrollView = အသစ် ScrollView (); MyScrollView create ({ container : document . getElementById ( 'my-scroll-container' ), ကလေး : [ { text : 'Hello, world!' , }, { text: 'World!' , } ] });