যদিও React Native বেশিরভাগ কোড iOS এবং Android জুড়ে শেয়ার করে, কখনও কখনও আপনার প্ল্যাটফর্ম-নির্দিষ্ট কোড বা স্টাইলিং প্রয়োজন — বিভিন্ন প্ল্যাটফর্ম আচরণ, ডিজাইন বা ক্ষমতার জন্য। React Native এটির জন্য Platform মডিউল এবং প্ল্যাটফর্ম-নির্দিষ্ট ফাইল এক্সটেনশন প্রদান করে।
{ } ;
(. === ) { }
(. === ) { }
styles = {
: . === ? : ,
....({
: { : },
: { : },
}),
};
Platform.OS প্ল্যাটফর্ম চেক করে; Platform.select প্ল্যাটফর্ম অনুযায়ী মান বেছে নেয় — শর্তসাপেক্ষ আচরণ এবং স্টাইলিংয়ের জন্য।
→ Create separate files per platform using extensions:
Button.ios.js → used on iOS
Button.android.js → used on Android
import Button from './Button' → RN automatically picks the right file per platform
→ Good for substantially different platform implementations (cleaner than lots of if-checks)
✓ Use platform-specific code SPARINGLY — share code by default; diverge only when needed
✓ Common reasons: platform design conventions (iOS vs Material), platform-specific
features/APIs, behavior differences, platform-appropriate UX
✓ Platform module for small differences; .ios/.android files for large differences
✓ Test on BOTH platforms (a feature working on one may differ/break on the other)
প্ল্যাটফর্ম-নির্দিষ্ট কোড লেখার উপায় বোঝা মূল্যবান কারণ এমনকি ক্রস-প্ল্যাটফর্ম অ্যাপ্লিকেশনগুলির কখনও কখনও প্ল্যাটফর্ম-নির্দিষ্ট আচরণ বা স্টাইলিং প্রয়োজন, তাই এটি সঠিকভাবে পরিচালনা করা প্রকৃত React Native অ্যাপ্লিকেশনগুলির জন্য দরকারী ব্যবহারিক জ্ঞান।
যদিও React Native এর মূল্য iOS এবং Android জুড়ে বেশিরভাগ কোড শেয়ার করা, প্রকৃত অ্যাপ্লিকেশনগুলির কখনও কখনও প্রতিটি প্ল্যাটফর্মে ভিন্ন হওয়া প্রয়োজন — প্ল্যাটফর্ম ডিজাইন কনভেনশনের জন্য (iOS বনাম Android/Material নান্দনিকতা), প্ল্যাটফর্ম-নির্দিষ্ট বৈশিষ্ট্য বা API, আচরণের পার্থক্য, বা প্ল্যাটফর্ম-উপযুক্ত UX — এবং এটি কীভাবে পরিচালনা করতে হয় তা বোঝা গুরুত্বপূর্ণ।
Platform মডিউল (Platform.OS প্ল্যাটফর্ম চেক করতে এবং Platform.select প্রতিটি প্ল্যাটফর্মের জন্য মান বেছে নিতে) ইনলাইনে ছোট পার্থক্যগুলি পরিচালনা করে — শর্তসাপেক্ষ আচরণ এবং স্টাইলিং। প্ল্যাটফর্ম-নির্দিষ্ট ফাইল (.ios.js এবং .android.js এক্সটেনশন ব্যবহার করে, React Native স্বয়ংক্রিয়ভাবে সঠিক ফাইল নির্বাচন করে) বড় পার্থক্যগুলি পরিষ্কারভাবে পরিচালনা করে (অনেক শর্তসাপেক্ষতার পরিবর্তে পৃথক বাস্তবায়ন)।
কখন এবং কীভাবে এটি ব্যবহার করতে হয় তা বোঝা ভাল বিচার প্রতিফলিত করে: প্ল্যাটফর্ম-নির্দিষ্ট কোড স্বল্পভাবে ব্যবহার করা (ডিফল্টরূপে কোড শেয়ার করা এবং শুধুমাত্র সত্যিকারের প্রয়োজন হলে ভিন্ন হওয়া — React Native এর ক্রস-প্ল্যাটফর্ম সুবিধা সংরক্ষণ করা), ছোট পার্থক্যের জন্য Platform মডিউল বনাম বড় পার্থক্যের জন্য প্ল্যাটফর্ম-নির্দিষ্ট ফাইল বেছে নেওয়া, এবং গুরুত্বপূর্ণভাবে উভয় প্ল্যাটফর্মে পরীক্ষা করা (একটি বৈশিষ্ট্য এক প্ল্যাটফর্মে কাজ করতে পারে তবে অন্য প্ল্যাটফর্মে ভিন্ন হতে বা ভেঙে যেতে পারে — একটি সাধারণ বাস্তব সমস্যা)।
এই সুষম পদ্ধতি (ডিফল্টরূপে শেয়ার করুন, প্রয়োজনে সচেতনতার সাথে ভিন্ন হন, উভয়ই পরীক্ষা করুন) পরিপক্ক ক্রস-প্ল্যাটফর্ম উন্নয়ন প্রতিফলিত করে।
ক্রস-প্ল্যাটফর্ম অ্যাপ্লিকেশনগুলির কখনও কখনও প্ল্যাটফর্ম-নির্দিষ্ট কোডের বৈধ প্রয়োজন হয় (কনভেনশন, বৈশিষ্ট্য বা UX এর জন্য) এবং এটি ভালভাবে পরিচালনা করা (সঠিক সরঞ্জামগুলি স্বল্পভাবে ব্যবহার করা, উভয় প্ল্যাটফর্ম পরীক্ষা করা) গুণমানের অ্যাপ্লিকেশনগুলির জন্য গুরুত্বপূর্ণ, এবং Platform মডিউল এবং প্ল্যাটফর্ম-নির্দিষ্ট ফাইলগুলি বোঝা এটি সক্ষম করে, React Native-এ প্ল্যাটফর্ম-নির্দিষ্ট কোড কীভাবে লিখতে হয় তা বোঝা মূল্যবান, ব্যবহারিকভাবে প্রাসঙ্গিক জ্ঞান — প্রকৃত অ্যাপ্লিকেশনগুলিতে উত্থাপিত প্ল্যাটফর্ম পার্থক্যগুলি পরিচালনা করার জন্য উপকারী যখন ক্রস-প্ল্যাটফর্ম কোড-শেয়ারিং সংরক্ষণ করে যা React Native কে মূল্যবান করে তোলে, সচেতন ক্রস-প্ল্যাটফর্ম উন্নয়ন প্রতিফলিত করে।