Yaya za ka rubuta lambar da ta dace da waje a React Native?

Question

Accepted Answer

Duk da cewa React Native ya raba yawancin lambar a iOS da Android, wani lokaci kana buƙatar **lambar da ta dace da waje** ko sassa - don hanyoyin waje daban-daban, ƙifewar gida, ko bukatattu. React Native ya bayar da **Platform** module da file extensions da suka dace da waje don haka.

## Platform module

```jsx
import { Platform } from 'react-native';

// check the current platform
if (Platform.OS === 'ios') { /* iOS-specific */ }
else if (Platform.OS === 'android') { /* Android-specific */ }

// Platform.select — pick a value per platform
const styles = {
  padding: Platform.OS === 'ios' ? 20 : 16,
  ...Platform.select({
    ios: { fontFamily: 'Helvetica' },
    android: { fontFamily: 'Roboto' },
  }),
};
```

`Platform.OS` yana bincika waje; `Platform.select` yana zaɓar ƙimomi bisa kowane waje — don juyawa na sharadi da sassa.

## Files da suka dace da waje

```text
→ 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)
```

## Lokacin da yaya za ka amfani da shi

```text
✓ 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)
```

## Me ya hifar

Sanin yaya za ka rubuta lambar da ta dace da waje yana da mahimmanci saboda **har da apps na gida-gida a wasu lokuta suna buƙatar juyawa da suke dace da waje ko sassa**, don haka sarrafa shi daidai yana buƙatar ilimin aiki na zahiri don apps na React Native na ainihi.

Duk da cewa muhimmancin React Native shine raba yawancin lambar a iOS da Android, apps na ainihi a wasu lokuta suna buƙatar **rarrame bisa waje** — don al'adun ƙifewar waje (iOS da Android/Material fasali), bukattun waje ko APIs, bambance-bambancen juyawa, ko UX mai dace da waje — kuma sanin yaya za ka sarrafa haka yana da mahimmanci.

**Platform module** (`Platform.OS` don bincika waje da `Platform.select` don zaɓar ƙimomi bisa kowane waje) yana sarrafa ƙanannun bambance-bambancen inline — juyawa na sharadi da sassa. **Files da suke dace da waje** (ta amfani da `.ios.js` da `.android.js` extensions, tare da React Native yana zaɓar file madaidaicin) yana sarrafa manyan bambance-bambancen sauƙi (jiyin aiki daban-daban maimakon sharadi da yawa).

Sanin **lokacin da yaya za ka amfani da waɗannan** yana nufin jin kariya mai kyau: amfani da lambar da ta dace da waje **kaɗan** (raba lambar ta tiyya da rarrame kawai idan ainihin buƙata — adana muhimmancin gida-gida na React Native), zaɓar Platform module don ƙanannun bambance-bambancen ɓaraye manyan lambar da suke dace da waje don manyan bambance-bambancen, kuma mahimmanci **gwadawa a platformin biyun** (saboda fasali yana aiki a ɗaya waje zai iya bambanta ko karye a ɗayan — matsalar ainihi da ke sama).

Wannan tsarin daidaito (raba ta tiyya, rarrame da tunani idan buƙata, gwada biyun) yana nufin tsari mai girma na gida-gida.

Tun da apps na gida-gida a wasu lokuta suna buƙatar lambar da ta dace da waje ta zahiri (don al'adun, bukattun, ko UX) kuma sarrafa ta daidai (kayan aiki daidai da aka amfani kaɗan, tare da gwadawa na platformin biyun) yana mahimmanci don apps masu kariya, kuma tun da sanin Platform module da files da suke dace da waje yana ba da damar haka, sanin yaya za ka rubuta lambar da ta dace da waje a React Native yana da tabbaci, ilimin da ya shafi aiki na zahiri — mai amfani ga sarrafa bambance-bambancen waje da suka tashi a apps na ainihi yayin adana raba lambar gida-gida wanda ya sa React Native mai tabbaci, yana nufin tsari mai tunani na gida-gida.