CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Native modül nedir?

Native modül kavramını öğrenirsin.

Native modül nedir?

Native modül, JavaScript tarafında erişilemeyen platform işlevlerini (kamera, sensör, dosya sistemi) JS'e açan bir köprüdür. Objective-C/Swift (iOS) veya Java/Kotlin (Android) ile yazılır; React Native bunu otomatik olarak JS tarafına bir nesne olarak sunar. NativeModules üzerinden erişilir.

Örnek: cihazın pil seviyesi, Bluetooth durumu veya özel bir third-party SDK native modül olarak gelir. JS, bunları sanki sıradan bir nesneymiş gibi çağırır. Arka planda köprü, çağrıyı UI iş parçacığına iletir, sonuçu JS'e döner. Bu sayede React Native, sınırlarını aşar.

NativeModules üzerinden erişim

React Native, react-native paketinden NativeModules'ü dışa aktarır. Bu nesne, kayıtlı tüm native modülleri taşır. import { NativeModules } from 'react-native' ile içe aktarılır; sonra NativeModules.BatteryLevel gibi erişilir.

Modül adı, native tarafta kayıt sırasında verilir; JS'te aynı ad kullanılır. Çağrılar genellikle asenkron olur; çünkü UI iş parçacığında çalışır ve JS anında dönemez. await veya promise ile beklenir.

Uygulama NativeModules'i içe aktar

Boş dosyayı tamamla. NativeModules'ü react-native'dan içe aktar. export { NativeModules } ile dışa aktar.

Başlangıç kodu

App.js
// NativeModules'i react-native'dan içe aktar ve dışa aktar

Örnek çözüm

App.js
import { NativeModules } from 'react-native';

export { NativeModules };

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Native modül neyi sağlar?

  • Yalnızca animasyonu
  • Yalnızca stil tanımlamayı
  • Platform işlevlerine JS'ten erişmeyi Doğru cevap
  • Yalnızca ağ isteğini

Açıklama: Native modül platform işlevlerine JS'ten erişmeyi sağlar.

2 NativeModules içe aktarma

Soru 
import { ____ } from 'react-native';
Cevap 
import { NativeModules } from 'react-native';

Açıklama: NativeModules tüm native modülleri taşır.

3 Parçayı rolüne eşle

Kavram Anlamı
NativeModules Tüm modülleri taşır
NativeModules.Battery Tek bir modüle erişir
Objective-C/Swift iOS tarafı
Java/Kotlin Android tarafı

İleri seviye bölümündeki tüm dersler

1 Push bildirimler

  1. expo-notifications
  2. Token alma
  3. Yerel bildirim
  4. Uzak bildirim
  5. Bildirim olayları
  6. Özet - Push bildirimler

2 Kamera

  1. expo-camera
  2. Kamera izni
  3. Fotoğraf çekme
  4. Ön/arka kamera
  5. Flash
  6. Özet - Kamera

3 Görsel seçici

  1. expo-image-picker
  2. Galeri izni
  3. launchImageLibraryAsync
  4. launchCameraAsync
  5. Görsel işleme
  6. Özet - Görsel seçici

4 Konum

  1. expo-location
  2. Konum izni
  3. getCurrentPositionAsync
  4. watchPositionAsync
  5. Geocoding
  6. Özet - Konum

5 Haritalar

  1. react-native-maps
  2. MapView
  3. Marker
  4. onRegionChange
  5. Custom marker
  6. Özet - Haritalar

6 Offline destek

  1. NetInfo
  2. Offline cache
  3. Sync
  4. Conflict resolution
  5. Retry queue
  6. Özet - Offline destek

7 Güvenli depolama

  1. expo-secure-store
  2. setItemAsync
  3. getItemAsync
  4. deleteItemAsync
  5. Token saklama
  6. Özet - Güvenli depolama

8 Kimlik doğrulama

  1. Auth context
  2. Login
  3. JWT token
  4. Protected routes
  5. Logout
  6. Özet - Kimlik doğrulama

9 State yönetimi

  1. Redux nedir?
  2. Redux Toolkit
  3. Slice
  4. useDispatch
  5. useSelector
  6. Özet - State yönetimi

10 Zustand

  1. Zustand
  2. create
  3. State okuma
  4. Action
  5. Middleware
  6. Özet - Zustand

11 Reanimated

  1. react-native-reanimated
  2. useSharedValue
  3. useAnimatedStyle
  4. withTiming
  5. withSpring
  6. Özet - Reanimated

12 Native modüller

  1. Native modül nedir?
  2. NativeMethods
  3. Platform-specific
  4. Native event
  5. TurboModules
  6. Özet - Native modüller

13 CI/CD

  1. EAS Build
  2. EAS Submit
  3. eas.json
  4. GitHub Actions
  5. OTA update
  6. Özet - CI/CD

14 İleri seviye finali

  1. Proje tasarımı
  2. Auth ve API
  3. Native özellikler
  4. Offline
  5. Birleştirme