Platform.OS
- React Native kursu
- Başlangıç
- Ders 100/116
- 5 dk
Platform.OS ile işletim sistemi tespitini öğrenirsin.
Platform.OS nedir?
React Native uygulaman hem iOS hem Android'de çalışır. Bazen hangi platformda olduğunu bilmek gerekir: örneğin iOS'ta farklı bir dolgu (padding), Android'de farklı bir gölge stili kullanmak isteyebilirsin. Bu bilgiyi Platform.OS verir.
Platform.OS, 'ios' veya 'android' dizesini döndürür. Platform'u react-native paketinden içe aktarırsın. Bir koşul içinde kullanarak platforma özgü kod yazabilirsin: if (Platform.OS === 'ios').
Platform.OS kullanımı
Platform.OS'i bir if koşulunda kullanarak platforma özgü kod yazarsın. iOS'ta başka bir bileşen, Android'de başka bir bileşen gösterebilirsin. Veya aynı bileşene farklı stiller verebilirsin.
import { Platform, Text } from 'react-native';
if (Platform.OS === 'ios') {
return <Text>iOS cihaz</Text>;
}
return <Text>Android cihaz</Text>;Koşul dizesi küçük harfle yazılır: 'ios' ve 'android'. Büyük harf yazarsan eşleşme olmaz. Karşılaştırma için her zaman === kullanman önerilir.
Uygulama Sıra sende: platforma göre metin göster
Platform'u react-native'den içe aktar. Eğer Platform.OS === 'ios' ise <Text>iOS</Text> döndür; değilse <Text>Android</Text> döndür.
Başlangıç kodu
import { Text } from 'react-native';
function Screen() {
// platformu kontrol et
return <Text>Cihaz</Text>;
}Örnek çözüm
import { Platform, Text } from 'react-native';
function Screen() {
if (Platform.OS === 'ios') {
return <Text>iOS</Text>;
}
return <Text>Android</Text>;
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Platform.OS ne döndürür?
Platform.OS- Bir sayı
- 'ios' veya 'android' dizesi Doğru cevap
- Bir bileşen
- Bir dizi
Açıklama: Platform.OS, 'ios' ya da 'android' dizesini döndürür.
2 Boşluğu doldur: Platform.OS kontrolü
if (Platform.____ === 'ios') { ... }if (Platform.OS === 'ios') { ... }Açıklama: Platform.OS ile platformu kontrol edersin.
3 Eşleştir: değer ve platform
| Kavram | Anlamı |
|---|---|
'ios' |
Apple cihazlar |
'android' |
Google cihazlar |
Platform.OS |
platform adı |