সমাধান করা হয়েছে: স্ক্রলভিউতে কীভাবে স্ক্রলবার লুকানো যায় নেটিভ প্রতিক্রিয়া

রিঅ্যাক্ট নেটিভ-এ স্ক্রলভিউতে স্ক্রলবার লুকানোর কোনো উপায় নেই।

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 install react-scrollview – save

একবার ইনস্টল হয়ে গেলে, আপনি create() ফাংশন ব্যবহার করে একটি নতুন ScrollView উপাদান তৈরি করতে পারেন:

var ScrollView = প্রয়োজন ('react-scrollview'); var MyScrollView = new ScrollView (); মাইস্ক্রলভিউ। তৈরি করুন ({ কন্টেইনার : ডকুমেন্ট। getElementById ( 'my-scroll-container'), বাচ্চারা : [ { text : 'Hello, World!' , }, { text : 'World!' , } ] });