Stateless vs Stateful Widget

Konsep Widget 🔄

Di Flutter, Everything is a Widget. Widget adalah deskripsi dari bagian antarmuka pengguna.

1. StatelessWidget

Widget yang tidak pernah berubah setelah dibuat. Gunakan jika UI Anda hanya berdasarkan informasi statis.

class JudulWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text("Ini Judul Statis");
  }
}

2. StatefulWidget

Widget yang memiliki data internal (State) yang bisa berubah selama siklus hidupnya. Saat state berubah, widget akan melakukan rebuild.

class CounterWidget extends StatefulWidget {
  @override
  _CounterWidgetState createState() => _CounterWidgetState();
}

class _CounterWidgetState extends State<CounterWidget> {
  int angka = 0;

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () => setState(() => angka++),
      child: Text("Angka: $angka"),
    );
  }
}

Tips: Gunakan setState() hanya untuk perubahan UI lokal yang sederhana.