---
title: Native
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/native/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/native/
last_updated: 2026-06-20
---

# Native

> Cross-platform mobile development patterns with Expo, React Native, iOS, and Android

Expo ve React Native için çok platformlu mobil geliştirme desenleri: demoda değil, gerçek ve yayınlanabilir bir uygulamada bitirir. Expo Router gezinmesi, NativeWind stillemesi, güvenli jeton saklama, çevrimdışı öncelikli veri eşitlemesi ve zorunlu dört durumlu render'ı: yükleniyor, hata, boş, başarı, içine gömer; böylece her ekran sadece ideal senaryoyu değil gerçeği de yönetir.

## Ne için kullanılır
- Dosya tabanlı yönlendirmeyle yeni Expo uygulaması iskeleti kurmak
- Supabase kimlik doğrulamayı güvenli oturum kalıcılığıyla bağlamak
- Aşağı çekip yenileme ve dört durumla liste ekranları kurmak
- Jetonları düz depolama yerine cihaz anahtarlığında güvenle saklamak
- Tam uygulama mağazası incelemesi olmadan havadan hızlı düzeltme yayınlamak
- Bileşenleri satır içi stil yerine NativeWind ile biçimlendirmek

## Faydalar
- Hatada veya boş veride asla boş sayfa göstermeyen ekranlar yayınlayın
- Kimlik jetonlarını varsayılan olarak şifreli yerel depolamada tutun
- Hem iOS hem Android'de platforma özgü his sunun
- Düzeltmeleri havadan güncellemelerle anında gönderin

## Ne içerir
- Sekme ve kimlik gruplarıyla Expo Router dosya yapısı
- Önbellek geçersizleştirmeli TanStack Query veri çekme kancaları
- Güvenli depolama Supabase kimlik adaptörü ve kimlik sağlayıcı
- İskelet, hata yeniden deneme ve boş durumlarla dört durumlu ekran deseni
- NativeWind kurulumu ve yeniden kullanılabilir biçimli bileşen örnekleri
- Yerel tuzaklar için tamamlama listesi ve kırmızı bayrak tablosu

## Kimler için
İlk günden güvenli depolama, çevrimdışı duyarlı veri ve eksiksiz durum yönetimi isteyen, Expo ile üretim React Native uygulaması geliştiren geliştiriciler için.

## Nasıl çalışır
Çapraz platform bir mobil uygulama kurulurken skill'in işlettiği gerçek döngü. Kara kutu yok, yaptığı iş budur:
1. create-expo-app ile iskeleti kurar ve her native paketi npm install ile değil npx expo install ile yükler; çünkü Expo SDK ile sürüm uyuşmazlığı runtime çökmesi olarak geri döner. Uyumluluğu expo-doctor doğrular.
2. Navigasyon ağacını Expo Router dosya konvansiyonlarıyla döşer: QueryClient ve AuthProvider'ı bağlayan kök layout, (tabs) ve (auth) grupları, dinamik [id] route'ları ve +not-found ekranı.
3. Auth'u güvenli depolama hiyerarşisine göre bağlar: Supabase client oturumu expo-secure-store adaptörüyle (native Keychain/Keystore) kalıcılaştırır, token için AsyncStorage asla kullanılmaz; AuthProvider onAuthStateChange'i dinler.
4. Veri erişimini Supabase üzerinde TanStack Query hook'ları olarak kurar: listeler için useQuery, başarıda invalidateQueries çağıran useMutation; arka planda refetch koşarken önce cache'lenmiş veri gösterilir.
5. Her veri ekranını dört durumuyla katı checklist olarak render eder: loading skeleton (spinner değil), retry butonlu error state, aksiyon önerili empty state ve başarıda RefreshControl'lü virtualized FlatList.
6. Teslimden önce tamamlama checklist'iyle kapatır: gerçek API entegrasyonu, güvenli token depolama, sıfır TypeScript hatası, inline stil yerine NativeWind ve uygulamanın hem iOS hem Android'de denenmiş olması.

## Sık sorulanlar
### Expo'suz, çıplak React Native uygulamam var. Bunun ne kadarı bana uyar?
Mimari desenler taşınır: dört durumlu ekranlar, TanStack Query kancaları ve katmanlı kimlik yaklaşımı araç setinden bağımsızdır. Ancak dosya tabanlı yönlendirme, güvenli depolama adaptörü ve havadan güncelleme akışı Expo'ya özgü. Çıplak kurulumda kavramları alır, uygulamaları kendiniz değiştirirsiniz.

### Zorunlu dört durum deseni ekranlarımda somut olarak neyi değiştiriyor?
Her ekran yükleniyor, hata, boş ve başarı durumlarını açıkça çizer: veri çekilirken iskelet, hatada yeniden dene yolu, boş listede ise tasarlanmış bir boş durum görünür. Sadece mutlu senaryo kurulduğu için ekranın sessizce bomboş kaldığı hata sınıfını kökten kaldırır.

### Havadan güncelleme, mağaza incelemesiyle bir daha hiç uğraşmayacağım anlamına mı geliyor?
Hayır. OTA yalnızca JavaScript katmanını kapsar, mantık ve arayüz düzeltmeleri anında gider. Ama yerel modüllere, izinlere ya da binary'ye dokunan her şey yine mağaza derlemesi ve inceleme ister. İnceleme kuyruğuna girme sıklığınızı azaltır, kuyruğu yok etmez.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile kod inceleme](https://forgehouse.ai/tr/rehberler/yapay-zeka-kod-inceleme/)