ما هي الـ Keys في Flutter و كيف تستخدمها

ListView.builder(
  itemCount: todos.length,
  itemBuilder: (context, index) {
    final todo = todos[index];
    return Dismissible(
      key: ValueKey(todo.id), // كمفتاح id هنا وضعنا قيمة 
      child: ListTile(title: Text(todo.title)),
    );
  },
);

final users = [User(1, 'Omar'), User(2, 'Laila')];

ListView(
  children: users.map((user) {
    return ListTile(
      key: ObjectKey(user), // هنا وضعنا الكائن نفسه كمفتاح
      title: Text(user.name),
    );
  }).toList(),
);

List items = [
  widget(key: UniqueKey()), // هنا قمنا بإعطاء مفتاح موحد للودجت
  widget(key: UniqueKey()), // هنا قمنا بإعطاء مفتاح موحد للودجت
];

@override
Widget build(BuildContext context) {
  return ListView.builder(
    itemCount: items.length,
    itemBuilder: (context, index) {
      final item = items[index];
      return item;
    },
  );
}

final formKey = GlobalKey<FormState>(); // هنا تم تعريف المفتاح

Form(
  key: formKey, // هنا تم تعيين المفتاح للودجت
  child: TextFormField(
    validator: (v) => v == null || v.isEmpty ? 'Required' : null,
  ),
);

ElevatedButton(
  onPressed: () {
     // هنا تم الوصول لحالة الودجت من خلال المفتاح
    if (formKey.currentState!.validate()) {
      // submit
    }
  },
  child: Text('Submit'),
);

final boxKey = GlobalKey(); // هنا تم تعريف المفتاح

Container(
  key: boxKey, // هنا تم تعيين المفتاح للودجت
  width: 200,
  height: 100,
  color: Colors.blue,
);

ElevatedButton(
  onPressed: () {
   // هنا تم الوصول للودجت من خلال المفتاح
    final box = boxKey.currentContext!.findRenderObject() as RenderBox;
    print('Size: ${box.size}');
  },
  child: Text('Measure'),
);

class Todo {
  final String id;
  final String title;
  String note;

  Todo({required this.id, required this.title, this.note = ""});
}

final List<Todo> _todos = [
    Todo(id: "1", title: "Learn Flutter"),
    Todo(id: "2", title: "Practice Dart"),
    Todo(id: "3", title: "Build Apps"),
  ];

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: const Text("Without Keys ❌")),
    body: ListView(
      children: [
        for (int i = 0; i < _todos.length; i++)
          ListTile(
            title: TextField(
              decoration: InputDecoration(labelText: _todos[i].title),
            ),
          ),
      ],
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        setState(() {
          if (_todos.isNotEmpty) {
            _todos.removeAt(0); // نحذف أول عنصر 
          }
        });
      },
      child: const Icon(Icons.delete),
    ),
  );
}

final List<Todo> _todos = [
    Todo(id: "1", title: "Learn Flutter"),
    Todo(id: "2", title: "Practice Dart"),
    Todo(id: "3", title: "Build Apps"),
  ];

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: const Text("With Keys ✅")),
    body: ListView(
      children: [
        for (int i = 0; i < _todos.length; i++)
          ListTile(
            key: ValueKey(_todos[i].id), // ✅ كل عنصر له مفتاح ثابت يميزه عن غيره
            title: TextField(
              decoration: InputDecoration(labelText: _todos[i].title),
            ),
          ),
      ],
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        setState(() {
          if (_todos.isNotEmpty) {
            _todos.removeAt(0); // نحذف أول عنصر
          }
        });
      },
      child: const Icon(Icons.delete),
    ),
  );
}