React Native-এ ProgressBar দেখানোর পদ্ধতি

প্রগ্রেসবার (ProgressBar) ব্যবহারকারীকে জানায় যে কন্টেন্ট লোড হচ্ছে এবং কিছু সময়ের মধ্যে উপলব্ধ হবে। এটি সার্ভারে রিকোয়েস্ট পাঠিয়ে রেসপন্স অপেক্ষা করার সময় খুবই উপকারী।

ইনস্টলেশন

react-native-paper প্যাকেজটি ইনস্টল করুন:

npm install --save-dev react-native-paper

বেসিক কম্পোনেন্ট

<ProgressBar progress={progress_number} color="progress_color" />

ইম্পোর্ট

import { ProgressBar } from 'react-native-paper';

মূল প্রপস (Props)

উদাহরণ: প্রগ্রেসবার দেখানো

import * as React from 'react';
import { ProgressBar } from 'react-native-paper';

const MyComponent = () => (
  
);

export default MyComponent;

এখানে progress={0.5} মানে ৫০% প্রগ্রেস। মান ০ থেকে ১ পর্যন্ত দিতে হয়।

আউটপুট

স্ক্রিনের মাঝপথে একটি নীল রঙের প্রগ্রেসবার দেখা যাবে যা ৫০% পূর্ণ অবস্থায় থাকবে।

টিপস

• রিয়েল-টাইম প্রগ্রেসের জন্য স্টেট ব্যবহার করে progress মান আপডেট করুন।
• visible প্রপ দিয়ে প্রগ্রেসবার শো/হাইড করুন।