swiftui

Proje-10 ile SwiftUI ile networking konusunu inceleyeceğiz. Böylelikle internetten veriyi çekip projemizde kullanabileceğiz. Ayrıca uzak sunucudaki görüntüleri alabilecek ve form validation yapabileceğiz.

Bu meydan okumada kendi başımıza sıfırdan eksiksiz bir uygulama oluşturacağız. Bu kez hedefimiz, belirli şeyleri ne kadar yaptıklarını takip etmek isteyen kişiler için bir alışkanlık takip (Habit Tracker) uygulaması oluşturmak.

Bu bölümde 100 Günde SwiftUI yolculuğumuzun 46.günündeyiz ve SwiftUI Navigation ile ilgili halletmemiz gereken 3 challange bulunmakta.

SwiftUI navigation’da Navigation Bar görünümünü özelleştirmeyi inceleyeceğiz. Bu sayede toolbar butonlarını tam konumlara yerleştirebilecek ve navigation title’ın editlenmesini sağlayabileceğiz.

NavigationStack ile Programmatic Navigation #Programmatic Navigation, kullanıcının herhangi bir eylemde bulunmasını beklemeden, programsal olarak tetiklenerek gerçekleşir.

Bu proje ile SwiftUI Navigation konusuna odaklanacağız. Navigation iki ana türe ayrılır. Navigation drive by user interaction (kullanıcı etkileşimi ile yönlendirilen navigasyon) Programmatic navigation (kendi tetiklediğimiz programatik navigasyon) Giriş #Bir ekrandan diğer ekrana geçiş için NavigationStack kullanılabilmektedir.

Bugün container relative frame ve ScrollView ile çalışarak MoonShot uygulamasını bitireceğiz. ScrollView ve containerRelativeFrame() ile Mission Ayrıntılarını Gösterme #Kullanıcı ana listemizden Apollo mission’larından birini seçtiğinde, mission hakkında bilgi göstermek istiyoruz: misson rozeti, mission açıklaması ve mürettebatta bulunan tüm astronotları rolleriyle birlikte.

Bugünkü yazımızda Codable’ı daha detaylı inceleyeceğiz. Ayrıca yüksek oranda yeniden kullanılabilir kod oluşturmamızı sağlayan Generics’leri inceleyeceğiz.

Bugün üzerinde çalışmamız gereken beş konu var: Container, Relative Frames, ScrollView , NavigationLink ve daha fazlası.

Bu bölümde @Observable , sheet() , Codable , UserDefaults kullanarak iExpense uygulamamızı inşa edeceğiz. @Observable : Değişiklikler için bir sınıfı izler ve etkilenen tüm view’ları yeniler.