Özet - Todo uygulaması

Tüm parçaları birleştirip çalışan todo uygulamasını tamamlarsın.

Tüm parçaları birleştir

Çalışan todo uygulaması üç temel parçayı birleştirir: Todo modeli (görev verisi), ListView.builder (görevleri gösterme) ve setState (eklemek, tamamlamak, silmek için yeniden çizme). Eklemek için Navigator.push, silmek için Dismissible kullanılır.

ListView.builder(
  itemCount: list.length,
  itemBuilder: (context, index) {
    final todo = list[index];
    return ListTile(title: Text(todo.title));
  },
)

Uygulama İlk görevi göster

goster adında bir fonksiyon yaz; List<Todo> parametresi alsın ve listenin ilk elemanının title değerini print ile yazdırsın. main içinde 'Ilk gorev' başlıklı bir Todo içeren liste oluştur ve goster'i çağır.

Örnek çözümü göster

import 'package:flutter/material.dart';

class Todo {
  String title;
  bool done;
  Todo({required this.title, this.done = false});
}

void goster(List<Todo> list) {
  print(list[0].title);
}

void main() {
  final list = [Todo(title: 'Ilk gorev')];
  goster(list);
}

Kendini test et

Çalışan todo uygulaması hangi parçaları birleştirir?
- Material + InkWell + ripple
- Column + Row + SizedBox
- Text + Padding + Center
- Todo + ListView + setState
Cevabı göster

Todo + ListView + setState — Çalışan todo uygulaması Todo modeli, ListView ile gösterme ve setState ile yeniden çizmeyi birleştirir; Text, Padding, InkWell veya Column bu amaca yönelik değildir.

removeAt metodunu ekle

setState(() {
  list.____(index);
});

Cevabı göster

setState(() {
  list.removeAt(index);
});

Todo özeti

Todo

Görev verisi
ListView.builder

Görevleri gösterir
Dismissible

Kaydırarak siler
setState

Değişiklikte yeniden çizer

Sıradaki ders: AssetImage

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler