شرح استخدام ويدجت Dismissible في فلاتر

Dismissible(
  key: ValueKey(item.id),
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  background: Container(
    color: Colors.red,
    child: Icon(Icons.delete, color: Colors.white),
  ),
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  background: Container(
    color: Colors.red,
    child: Icon(Icons.delete, color: Colors.white),
  ),
  secondaryBackground: Container(
    color: Colors.green,
    child: Icon(Icons.check, color: Colors.white),
  ),
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  confirmDismiss: (direction) async {
    return await showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text("تأكيد الإزالة"),
          content: Text("هل تريد بالتأكيد إزالة هذا العنصر؟"),
          actions: <Widget>[
            FlatButton(
              onPressed: () => Navigator.of(context).pop(false),
              child: Text("لا"),
            ),
            FlatButton(
              onPressed: () => Navigator.of(context).pop(true),
              child: Text("نعم"),
            ),
          ],
        );
      },
    );
  },
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  direction: DismissDirection.startToEnd,
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);

Dismissible(
  child: ListTile(
    title: Text(item.title),
    subtitle: Text(item.subtitle),
    trailing: Icon(Icons.delete),
  ),
  onDismissed: (direction) {
    // يتم إزالة العنصر هنا
  },
);