For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /tr/docs/mobile/first-feature.md (or send Accept: text/markdown).
İlk özelliğinizi oluşturun
Yeni bir ekrandan sunucu tarafından doğrulanan verilere uçtan uca bir yürüyüş.
Başlangıç seviyesinde izlenecek yol
Ön koşullar: aşağıdaki iki başlangıç kılavuzunu okuyun, Mobile yerel kurulumunu tamamlayın ve bu depoyu kökünde düzenleyicinizde açın. Mobile ayarları apps/mobile/.env.local'a girer; Expo kök .env'i okumaz. Önizleme gerçek veriler için erişilebilir bir arka uca ihtiyaç duyar.
Kısa terimler: Çalışma alanı, bir ekibin ayrı kullanıcıları, verileri ve ayarlarıdır. Sunucu güvenilir arka uçtur; sağlayıcı anahtarlarını tarayıcı ve telefon kodundan uzak tutun. Geçiş, tabloları oluşturan veya güncelleyen sürümlü bir veritabanı değişikliğidir. Yapay zeka modeli yanıt veren motordur; model kataloğu, sunucunun mevcut model kimlikleri ve fiyatlarının listesidir. Sağlayıcı yapay zeka, e-posta veya faturalandırma hizmeti gibi bir dış hizmettir. Yetki, bir çalışma alanının bir özelliği kullanmasına olanak tanıyan bir yetkidir. Web kancası, bir hizmetin başka bir hizmetin URL'sine gönderdiği bir mesajdır.
1. .agents/skills/add-a-mobile-screen/SKILL.md'yi açın — veya kodlama aracınızdan takip etmesini isteyin — ve küçük bir ekran oluşturun, örneğin apps/mobile/app/(app)/ideas.tsx mantığı apps/mobile/src/ideas/'de olsun.
2. Çalışan önizleme aracılığıyla cihazınızda yeni ekranı açın ve oturum açmış bir üye için render edildiğini doğrulayın.
3. Oturumu kapatılmış bir hesabı ve ikinci bir workspace hesabını kontrol edin — gizli kalması gereken her şey reddedilmiş veya eksik dönmelidir çünkü sunucu sınırı zorlar.
Özel kod için, ekranı, gösterdiği verileri, kimin görebileceğini ve işlenecek hataları adlandırın. Bu görevi kodlama aracınıza verin ve AGENTS.md, .ai/PROJECT_CONTEXT.md ve dokunacağı dosyaların .ai/ yansımalarını okumasını isteyin; düzenlemeden önce dosyaları ve kontrolleri listelesin; ve farkı size göstersin. Örnek değerler kullanın; asla gerçek bir gizli bilgi yapıştırmayın.
Ekranı oluşturun
apps/mobile/app/(app)/ altında bir rota dosyası ekleyin — Expo Router dosyayı oturum açmış yığın içinde bir ekrana dönüştürür. apps/mobile/src/ui ilkel öğelerinden (Screen, Card, Title, Detail, AppButton) oluşturun, böylece uygulamanın boşluklarını, tipografisini ve renklerini miras alsın.
apps/mobile/app/(app)/ideas.tsx
apps/mobile/src/ideas/index.ts
apps/mobile/src/ideas/index.test.tsTiplendirilmiş istemci aracılığıyla okuyun ve yazın
apps/mobile/src/api/client.ts üzerinden fetch yapın; bu, EXPO_PUBLIC_API_URL'ye karşı her isteğe kaydedilmiş oturumu ekler ve tiplendirilmiş hatalar döndürür. Yükleri web sözleşmesiyle aynı tutun — aynı uç noktalar her iki istemciyi de hizmet verir.
Ekran workspace verilerini okuyorsa, bir ağ hatasının önbelleğe alınmış kopyaya geri dönebilmesi için apps/mobile/src/offline/'deki yardımcılarla çağrıyı sarın — yalnızca ağ hatasında, asla kimlik doğrulama veya izin hatasından sonra değil.
Erişimi ve kurtarmayı doğrulayın
Oturum açmış bir üyeyi, başka bir workspace'in üyesini, oturumu kapatılmış bir oturumu ve uçak modunu kontrol edin: üye verileri görünür, başkalarının verileri reddedilir, oturumu kapatılmış bir cihaz oturum açmaya döner ve çevrimdışı kopya yalnızca ağ hatasında sunulur.
Durumları cilalayın
Paylaşılan ilkel öğeler aracılığıyla ekrana yükleme, boş ve hata durumları verin, her yeni dizeyi dört i18n kataloğunun hepsine ekleyin ve üyenin gerçekten bulabilmesi için rotayı ana veya ayarlar gezintisine bağlayın.