الويدجتس ذات الحالة

class Counter extends StatefulWidget {
  const Counter({super.key});
  @override
  State<Counter> createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int count = 0;             // الحالة

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text("العدّ: $count"),
        ElevatedButton(
          onPressed: () {
            setState(() {   // يعيد بناء الواجهة
              count++;
            });
          },
          child: const Text("زِد"),
        ),
      ],
    );
  }
}