October 2025 ~ Dragon

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(),
              ),
            ],
          ),
        ),
      ),
    );
  }
}