1. Fungsi dari Widget Counter dan Flag

🧮 Widget Counter

Fungsi:
Widget counter berfungsi untuk menghitung atau menampilkan jumlah tertentu yang dapat bertambah atau berkurang berdasarkan interaksi pengguna.
Biasanya digunakan untuk:

• Menghitung jumlah klik tombol.

• Menghitung jumlah item (misalnya jumlah barang dalam keranjang belanja).

• Menampilkan angka yang berubah secara dinamis.

Contoh fungsi utama:

• Menyimpan dan menampilkan nilai integer.

• Meningkatkan atau menurunkan nilai saat tombol ditekan.

• Memperbarui tampilan secara real-time.

---

🚩 Widget Flag

Fungsi:
Widget flag berfungsi sebagai indikator status atau kondisi tertentu (biasanya true/false, aktif/tidak aktif).
Biasanya digunakan untuk:

• Menandai apakah fitur sedang aktif atau tidak.

• Menunjukkan status (misalnya: online/offline, selesai/belum, dll).

• Mengatur perilaku aplikasi berdasarkan kondisi.

Contoh fungsi utama:

• Menyimpan nilai boolean (true/false).

• Mengontrol tampilan atau logika program berdasarkan status flag tersebut.

---

2. Sumber Widget

Sumber widget tergantung pada platform atau framework yang digunakan, misalnya:

Platform / Framework	Sumber Widget
Flutter (Dart)	flutter/material.dart
Qt (C++/Python)	PyQt5.QtWidgets atau QtWidgets
Tkinter (Python)	tkinter
Android (Java/Kotlin)	android.widget.*
Web (HTML/JS)	Komponen JavaScript atau framework seperti React/Vue

---

3. Cara Menggunakan Widget Counter dan Flag

🧮 Contoh Widget Counter (Flutter)

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int counter = 0;

  void incrementCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Widget Counter')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Nilai Counter: $counter'),
              ElevatedButton(
                onPressed: incrementCounter,
                child: Text('Tambah'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

---

🚩 Contoh Widget Flag (Flutter)

import 'package:flutter/material.dart';

void main() => runApp(MyFlagApp());

class MyFlagApp extends StatefulWidget {
  @override
  _MyFlagAppState createState() => _MyFlagAppState();
}

class _MyFlagAppState extends State<MyFlagApp> {
  bool isActive = false;

  void toggleFlag() {
    setState(() {
      isActive = !isActive;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Widget Flag')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(isActive ? 'Aktif' : 'Tidak Aktif'),
              Switch(
                value: isActive,
                onChanged: (value) => toggleFlag(),
              ),
            ],
          ),
        ),
      ),
    );
  }
}