ਜਦਕਿ 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 ਸੁਨਿਆਂ), ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਫ਼ੀਚਰ ਜਾਂ APIs, ਵਿਵਹਾਰ ਅੰਤਰ, ਜਾਂ ਪਲੇਟਫ਼ਾਰਮ-ਢੁਕਵੀਂ UX — ਅਤੇ ਇਹ ਹਾਂਥਲਾ ਕਰਨਾ ਸਮਝਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ।
Platform ਮਾਡਿਊਲ (Platform.OS ਪਲੇਟਫ਼ਾਰਮ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਅਤੇ Platform.select ਹਰ ਪਲੇਟਫ਼ਾਰਮ ਲਈ ਮੁੱਲ ਚੁਣਨ ਲਈ) ਛੋਟੇ ਅੰਤਰਾਂ ਨੂੰ ਇਨਲਾਈਨ ਹਾਂਥਲਾ ਕਰਦਾ ਹੈ — ਸ਼ਰਤ ਅਨੁਸਾਰ ਵਿਵਹਾਰ ਅਤੇ ਸਟਾਈਲਿੰਗ। ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਫ਼ਾਈਲਾਂ (.ios.js ਅਤੇ .android.js ਐਕਸਟੈਨਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, React Native ਆਪਣੀ ਖੁਦ ਸਹੀ ਫ਼ਾਈਲ ਚੁਣ ਕੇ) ਵੱਡੇ ਅੰਤਰਾਂ ਨੂੰ ਸਾਫ਼-ਸਥਿਰ ਹਾਂਥਲਾ ਕਰਦੀਆਂ ਹਨ (ਬਹੁਤ ਸਾਰੀਆਂ ਸ਼ਰਤਾਂ ਨਾ ਹੋ ਕੇ ਅਲੱਗ-ਅਲੱਗ ਲਾਗੂ ਕਰਨਾ)।
ਇਹ ਕਦੋਂ ਅਤੇ ਕਿਵੇਂ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ ਇਹ ਵਾਚਕ ਫ਼ੈਸਲਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ: ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਕੋਡ ਨੂੰ ਕਮ ਮਾਤਰਾ ਵਿੱਚ ਵਰਤਣਾ (ਡਿਫ਼ੌਲਟ ਤੌਰ 'ਤੇ ਕੋਡ ਸਾਂਝਾ ਕਰਨਾ ਅਤੇ ਸਿਰਫ਼ ਜਦੋਂ ਸਚਮੁਚ ਲੋੜ ਹੋ ਤਾਂ ਵੱਖ ਹੋਣਾ — React Native ਦਾ ਕ੍ਰਾਸ-ਪਲੇਟਫ਼ਾਰਮ ਲਾਭ ਸੰਭਾਲਣਾ), ਛੋਟੇ ਅੰਤਰਾਂ ਲਈ Platform ਮਾਡਿਊਲ ਦੀ ਵਸੂਲ ਵਰਸਸ ਵੱਡੇ ਲਈ ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਫ਼ਾਈਲਾਂ, ਅਤੇ ਮਹੱਤਵਪੂਰਨ ਦੋਹਾਂ ਪਲੇਟਫ਼ਾਰਮਾਂ 'ਤੇ ਟੈਸਟ ਕਰਨਾ (ਕਿਉਂਕਿ ਇੱਕ 'ਤੇ ਕਾਮ ਕਰਨ ਵਾਲੀ ਬਿਨਤੀ ਦੂਜੇ 'ਤੇ ਭਿੰਨ ਜਾਂ ਟੁੱਟ ਸਕਦੀ ਹੈ — ਇੱਕ ਸਾਧਾਰਨ ਅਸਲ ਸਮੱਸਿਆ)।
ਇਹ ਸਮਤੋਲਤ ਪ੍ਰਮੁੱਖ (ਡਿਫ਼ੌਲਟ ਤੌਰ 'ਤੇ ਸਾਂਝਾ, ਸੋਚ ਨਾਲ ਜਿਸ ਵੇਲੇ ਲੋੜ ਹੋ ਤਾਂ ਵੱਖ) ਪੱਕਾ ਕ੍ਰਾਸ-ਪਲੇਟਫ਼ਾਰਮ ਵਿਕਾਸ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਿਤ ਕਰਦਾ ਹੈ।
ਜਿਵੇਂ ਕ੍ਰਾਸ-ਪਲੇਟਫ਼ਾਰਮ ਐਪਾਂ ਨੂੰ ਕਈ ਵਾਰ ਸੱਚਮੁਚ ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਕੋਡ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ (ਸਮਝੌਤਿਆਂ, ਫ਼ੀਚਰਾਂ, ਜਾਂ UX ਲਈ) ਅਤੇ ਇਸ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਹਾਂਥਲਾ ਕਰਨਾ (ਸਹੀ ਸਾਧਨ ਕਮ ਮਾਤਰਾ ਵਿੱਚ ਵਰਤਿਆ ਜਾਵੇ, ਦੋਵਾਂ-ਪਲੇਟਫ਼ਾਰਮ ਟੈਸਟਿੰਗ ਨਾਲ) ਗੁਣਵੱਤਾ ਐਪਾਂ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਅਤੇ ਕਿਉਂਕਿ Platform ਮਾਡਿਊਲ ਅਤੇ ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਫ਼ਾਈਲਾਂ ਦੀ ਸਮਝ ਇਹ ਸਮਰਥ ਬਣਾਉਂਦੀ ਹੈ, React Native ਵਿੱਚ ਪਲੇਟਫ਼ਾਰਮ-ਖ਼ਾਸ ਕੋਡ ਲਿਖਣਾ ਸਮਝਣਾ ਮੁੱਲਵਾਨ, ਵਿਹਾਰਕ-ਸਾਰ-ਪ੍ਰਸੰਗਿਕ ਜਾਣਕਾਰੀ ਹੈ — ਤਲ ਪਲੇਟਫ਼ਾਰਮ ਅੰਤਰ ਹਾਂਥਲਾ ਕਰਨ ਲਈ ਉਪਯੋਗੀ ਜੋ ਅਸਲ ਐਪਾਂ ਵਿੱਚ ਪੈਦਾ ਹੁੰਦੇ ਹਨ ਜਦਕਿ ਕ੍ਰਾਸ-ਪਲੇਟਫ਼ਾਰਮ ਕੋਡ-ਸਾਂਝਾ ਇਮਾਨਦਾਰੀ ਨਾਲ ਸੋਚੇ ਵਾਲੇ ਕ੍ਰਾਸ-ਪਲੇਟਫ਼ਾਰਮ ਵਿਕਾਸ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਵਾਲੇ React Native ਨੂੰ ਮੁੱਲਵਾਨ ਰੱਖਦੇ ਹੋਏ।