Silme ve ayraç

Kaydırarak silme ve satır ayraçlarını eklersin.

Dismissible ile silme

Kaydırarak silme yapmak için Dismissible widget'ı kullanılır. Dismissible, child'ını sarmalar ve kullanıcı tarafından sağa veya sola kaydırıldığında onDismissed callback'ini çağırır. Her Dismissible'a benzersiz bir key verilmelidir.

Dismissible(
  key: ValueKey(todo.title),
  onDismissed: (direction) {
    setState(() {
      list.removeAt(index);
    });
  },
  child: ListTile(...),
)

Divider ile ayraç

Liste satırları arasına ayraç koymak için ListView.separated ve Divider kullanılır. separatorBuilder her satır arasına bir widget çizer; çoğunlukla bir Divider verilir. Böylece satırlar görsel olarak ayrılır.

Uygulama Kaydırarak sil

sil adında bir fonksiyon yaz; List<Todo> ve int index parametreleri alsın, ilgili elemanı listeden çıkarsın ve 'Silindi' yazdırsın. main içinde iki görevli bir liste oluştur ve sil'i 0 indeksiyle ç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 sil(List<Todo> list, int index) {
  list.removeAt(index);
  print('Silindi');
}

void main() {
  final list = [Todo(title: 'A'), Todo(title: 'B')];
  sil(list, 0);
}

Kendini test et

Dismissible hangi parametreye benzersiz değer verilmelidir?
- shape
- key
- padding
- color
Cevabı göster

key — Dismissible'a benzersiz bir key verilmelidir; color, shape ve padding benzersiz olmayı gerektirmez.

Dismissible'a onDismissed ekle

Dismissible(
  key: ValueKey(todo.title),
  ____: (direction) {
    list.removeAt(index);
  },
  child: ListTile(...),
)

Cevabı göster

Dismissible(
  key: ValueKey(todo.title),
  onDismissed: (direction) {
    list.removeAt(index);
  },
  child: ListTile(...),
)

Silme ve ayraç parçaları

Dismissible

Kaydırarak silme sağlar
key

Dismissible'ın benzersiz kimliği
Divider

Satır ayraç çizgisi
ListView.separated

Ayraçlı liste

Sıradaki ders: Özet - Todo uygulaması

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler