Proje iskeleti

Hava durumu uygulamasının iskeletini ve modelini kurarsın.

Weather model sınıfı

Hava durumu verisini tutmak için bir Weather model sınıfı tanımlarsın. Alanlar final olur ve fromJson fabrika kurucusu JSON'dan nesne oluşturur. Böylece API yanıtını tür güvenli biçimde saklarsın.

class Weather {
  final String sehir;
  final double sicaklik;

  Weather(this.sehir, this.sicaklik);

  factory Weather.fromJson(Map<String, dynamic> json) {
    return Weather(
      json['sehir'] as String,
      (json['sicaklik'] as num).toDouble(),
    );
  }
}

Scaffold iskeleti

Uygulamanın ekranı Scaffold üzerine kurulur; AppBar başlığı gösterir, gövde ise hava durumu verisini sergiler. Model henüz boş olsa da iskelet hazır olur.

class WeatherScreen extends StatelessWidget {
  const WeatherScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hava Durumu')),
      body: const Center(child: Text('Yükleniyor...')),
    );
  }
}

Uygulama Weather modelini tanımla

Weather sınıfını tanımla: final String sehir ve final double sicaklik alanları olsun. fromJson fabrika kurucusu ekle. main içinde verilen Map'ten nesne oluştur ve sehir alanını yazdır.

Örnek çözümü göster

class Weather {
  final String sehir;
  final double sicaklik;

  Weather(this.sehir, this.sicaklik);

  factory Weather.fromJson(Map<String, dynamic> json) {
    return Weather(
      json['sehir'] as String,
      (json['sicaklik'] as num).toDouble(),
    );
  }
}

void main() {
  final m = {'sehir': 'İstanbul', 'sicaklik': 18.5};
  final w = Weather.fromJson(m);
  print(w.sehir);
}

Kendini test et

Weather modelinde sicaklik alanı hangi türde olmalıdır?
- Widget
- Future
- Color
- double
Cevabı göster

double — sicaklik ondalıklı bir sayı olabilir; bu yüzden double uygundur. Widget arayüz içindir, Future async işlemler içindir, Color renk içindir.

num değerini double'a çevir

class Weather {
  final String sehir;
  final double sicaklik;

  Weather(this.sehir, this.sicaklik);

  factory Weather.fromJson(Map<String, dynamic> json) {
    return Weather(
      json['sehir'] as String,
      (json['sicaklik'] as num)____,
    );
  }
}

Cevabı göster

class Weather {
  final String sehir;
  final double sicaklik;

  Weather(this.sehir, this.sicaklik);

  factory Weather.fromJson(Map<String, dynamic> json) {
    return Weather(
      json['sehir'] as String,
      (json['sicaklik'] as num).toDouble(),
    );
  }
}

Weather modeli ve iskelet

class Weather

model sınıfı
final double sicaklik

değişmez alan
fromJson

fabrika kurucu
Scaffold

ekran iskeleti

Sıradaki ders: API çağrısı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler